Reloom: AI tool that generates entire website mockups from a single prompt.
Example creation in under a minute.
Maso: Integrates with Figma and ChatGPT to generate complete web designs based on prompts.
Color and Gradient Selection
Design Gradients: View gradients in light and dark mode, and see combinations of related colors.
Color Hunt: Offers color combinations for style guides with filters for popular or tagged color schemes.
Animation Tools
Jitters: Helps animate web elements with an excellent onboarding experience.
Customizable components and examples available.
Lottie Files: Creates lightweight animations (6KB instead of 300KB for GIFs) with a library of pre-existing animations.
Font Selection and Pairing
Font Share: Search and preview fonts, with a feature for selecting good pairings for headers and paragraphs.
Font Joy: A generator for automatically picking font pairings with a slider for customization.
No-Code Design Tools
Wick Studio: No-code tool similar to Figma that allows for easy drag-and-drop design and viewport resizing.
Illustration Resources
Humans: Mix and match images of people; customize hair, body, and clothing styles.
Blush: Offers customizable illustrations, allowing exports with transparent backgrounds.
Open Beeps: Hand-drawn illustration library with customizable features.
Icon and Asset Libraries
Icons8: Large library of assets, including 3D illustrations and animated icons.
Section called Ouch for animated illustrations.
Learning and Courses
Vado: Free starter guide on graphics design covering essentials like Photoshop and Illustrator.
Refactoring UI: Focuses on user interfaces and component design.
Ultimate Design Bundle: Comprehensive resource covering Figma and responsive web design.
Design for Developers: Course on design fundamentals, color theory, and visually appealing design.
YouTube Channels for Web Design
Saori Graphics: Focus on graphics design and principles like contrast.
Gary Simon (Design Course): Covers logo creation, color schemes, and web design trends.
Brad Hy (The Creative Crew): Focuses on web design with a no-code approach.
Additional Resources
Best Design Resources of 2024 by Desmi: Collection of color inspiration, design blogs, courses, icons, mockups, stock images, and project management tools.