A curated collection of 60+ tools, assets and resources for designers — from UI/UX and branding to icons, illustrations, mockups and color systems. Everything in one place, with direct links, ready to use.
Got a favorite tool that's missing? PRs are welcome — see Contributing below.
- Core Design & Prototyping
- Color Palettes & Color Systems
- Fonts & Typography
- Stock Photos, Textures & Backgrounds
- Illustrations & 3D Assets
- Icons & Emoji
- Mockups & Device Frames
- Multi-Resource Hubs
- Contributing
- About the Maintainer
- License
Your main workhorse apps for UI, product, and general graphic design.
| Tool | Description | Link |
|---|---|---|
| Figma | Collaborative interface design, prototyping, and design systems | figma.com |
| Canva | All-in-one online graphic design suite for social, docs, and presentations | canva.com |
| Adobe XD | UI/UX design and prototyping from Adobe | adobe.com/products/xd |
| Adobe Photoshop | Industry-standard raster editor for photo and visual design | adobe.com/products/photoshop |
| Adobe Illustrator | Vector graphics editor for logos, icons, and illustration | adobe.com/products/illustrator |
| Sketch | Mac-only UI design tool widely used for product design | sketch.com |
| Webflow | Visual web-design builder that outputs production-ready HTML/CSS | webflow.com |
| Framer | Modern web and prototype builder for interactive sites and apps | framer.com |
| Whimsical | Diagrams, wireframes, and flowcharts for product and UX work | whimsical.com |
| InVision | Design collaboration, prototyping, and design-system platform | invisionapp.com |
| Mockflow | Online tool for wireframes and UI planning | mockflow.com |
| Balsamiq | Low-fidelity wireframing for fast UI sketching | balsamiq.com |
| Pixelmator Pro | Mac-focused image editor with vector and photo tools | pixelmator.com |
| Fluid UI | Web and mobile app prototyping in the browser | fluidui.com |
Palette generators, gradients, and accessible color systems.
| Tool | Description | Link |
|---|---|---|
| Coolors | Super-fast palette generator with gradient & contrast helpers | coolors.co |
| Adobe Color | Create palettes, extract colors from images, explore trends | color.adobe.com |
| Colormind | Deep-learning palette generator from images or random seeds | colormind.io |
| Khroma | AI color tool that learns your preferences | khroma.co |
| Color Hunt | Curated gallery of trendy color palettes | colorhunt.co |
| Colorsinspo | All-in-one color resource with palettes and gradients | colorsinspo.com |
| Happy Hues | Palettes shown in realistic UI mockups | happyhues.co |
| HTML Color Codes | Color picker plus HTML, HEX, RGB, HSL charts | htmlcolorcodes.com |
| Paletton | Classic tool for harmonious color combinations | paletton.com |
| BrandColors | Largest collection of official brand color codes | brandcolors.net |
Find, pair, and identify typefaces for branding and UI.
| Tool | Description | Link |
|---|---|---|
| Google Fonts | Open-source web font library with 1,000+ families | fonts.google.com |
| Adobe Fonts | High-quality font library bundled with Creative Cloud | fonts.adobe.com |
| Font Squirrel | Curated free fonts for commercial use | fontsquirrel.com |
| Fontshare | Free, high-quality fonts from Indian Type Foundry | fontshare.com |
| DaFont | Huge archive of display and novelty fonts | dafont.com |
| 1001 Fonts | Large collection of free typefaces | 1001fonts.com |
| Fontjoy | Generate font pairings with deep learning | fontjoy.com |
| FontPair | Google Fonts pairing suggestions for headings & body | fontpair.co |
| WhatTheFont | Upload an image, identify similar fonts via ML | myfonts.com/WhatTheFont |
| Typescale | Preview and adjust typographic scales by ratio | type-scale.com |
High-quality free photos and image resources for UI, marketing, and mockups.
| Tool | Description | Link |
|---|---|---|
| Unsplash | Free, high-resolution photos for any project | unsplash.com |
| Pexels | Free stock photos and videos shared by creators | pexels.com |
| Pixabay | Photos, vectors, and videos with permissive licensing | pixabay.com |
| Freepik | Vectors, photos, PSD files, and mockups (free + premium) | freepik.com |
| Burst by Shopify | Business-focused stock photos for e-commerce | burst.shopify.com |
| Kaboompics | Lifestyle and product photos with matching palettes | kaboompics.com |
| Picjumbo | Free photos, backgrounds, and textures | picjumbo.com |
| Gratisography | Quirky, high-resolution free stock photos | gratisography.com |
| Openverse | Search engine for openly licensed images and audio | openverse.org |
| The Pattern Library | Seamless background patterns for web projects | thepatternlibrary.com |
Perfect for landing pages, onboarding, and empty states.
| Tool | Description | Link |
|---|---|---|
| unDraw | Open-source SVG illustrations with on-the-fly color customization | undraw.co |
| DrawKit | Hand-drawn vector illustrations and icons | drawkit.io |
| Open Doodles | Sketchy character illustrations, free for personal & commercial use | opendoodles.com |
| Humaaans | Mix-and-match people illustrations for custom scenes | humaaans.com |
| ManyPixels | Royalty-free illustration gallery with multiple styles | manypixels.co |
| Absurd Design | Surreal, conceptual illustrations for standout visuals | absurd.design |
| Blush | Customizable illustration collections with a Figma plugin | blush.design |
| Open Peeps | Hand-drawn character illustration library | openpeeps.com |
| Icons8 Illustrations | Vector illustrations and scenes from Icons8 | icons8.com/illustrations |
| Haikei | Generate abstract SVG blobs, waves, and patterns | haikei.app |
Icon sets and explorers for UI, marketing, and design systems.
| Tool | Description | Link |
|---|---|---|
| Heroicons | Free SVG icon set from the Tailwind team | heroicons.com |
| Font Awesome | Huge icon toolkit available as webfont and SVG | fontawesome.com |
| Flaticon | Large database of vector icons and stickers | flaticon.com |
| Feather Icons | Minimal, open-source icon set | feathericons.com |
| Remix Icon | Neutral-style icon system for designers & developers | remixicon.com |
| Tabler Icons | Pixel-perfect SVG icons with framework bindings | tabler.io/icons |
| Lucide | Open-source icon library (successor to Feather) | lucide.dev |
| Simple Icons | Brand logos as consistent SVG icons | simpleicons.org |
| Iconmonstr | Simple black-and-white icons for UI and branding | iconmonstr.com |
| Emoji Guide | HTML codes and references for emoji use | emojiguide.org |
Great for showcasing UI in portfolios, Dribbble shots, and marketing pages.
| Tool | Description | Link |
|---|---|---|
| Mockupworld | Huge collection of free, photo-realistic PSD mockups | mockupworld.co |
| Smartmockups | Browser-based product and device mockup generator | smartmockups.com |
| Screely | Turn screenshots into browser or device mockups instantly | screely.com |
| Shots.so | Drag-and-drop UI screenshots into ready-made device mockups | shots.so |
| Mockuuups Studio | Drag-and-drop mockup creator (also a Figma plugin) | mockuuups.studio |
| LS Graphics | Premium and free PSD/Figma mockups | ls.graphics |
| Device Shots | Generate beautiful device mockups from screenshots | deviceshots.com |
| Threed.io | Generate 3D device mockups in the browser | threed.io |
| Pika | Create browser-style marketing images from URLs or screenshots | pika.style |
One-stop hubs to discover even more tools and assets.
| Tool | Description | Link |
|---|---|---|
| UI Design Daily | Daily UI components and screens for inspiration | uidesigndaily.com |
| Uplabs | UI kits, templates, icons, and more (free + premium) | uplabs.com |
| Freebiesbug | Curated free design resources (UI kits, mockups, icons) | freebiesbug.com |
| Sketch App Sources | Sketch UI kits, icons, and templates | sketchappsources.com |
| Figma Community | Community-shared Figma files and plugins — example: Branding Pâtisserie Vegan | figma.com/community |
| Checklist Design | Best-practice checklists for common UI patterns | checklist.design |
| Designer-Tools-and-Assets | GitHub list of UI assets, mockups, colors, and more | github.com/calebapril |
| Design-Resources | GitHub collection of colors, fonts, stock, icons, mockups | github.com/SARAH-HADDAD |
| Awesome Design Resources List | Awesome-list with inspiration, systems, mockups, plugins | github.com/darelova |
| Design Tools (binsarjr) | GitHub list of online color, mockup, and layout tools | github.com/binsarjr |
Contributions are warmly welcome! 🙌
- Fork the repo
- Add your tool to the appropriate section (keep the table format consistent)
- Make sure the link works and isn't a duplicate
- Open a Pull Request with a short description of what the tool does
Guidelines:
- One row per tool, alphabetical order within categories is appreciated but not required
- Description should be 1 short sentence (under ~80 characters)
- Prefer the official site over aggregator links
- No affiliate or referral links
This list is curated by Mélanie Joly — strategic branding for lifestyle brands at Studio Almae.
Want to work together?
- 📅 Book a free intro call → cal.com/studioalmae
- 🎨 See my Figma work → Branding Pâtisserie Vegan on Figma Community
- 🌐 Website → studioalmae.com
If this list saved you time, consider sponsoring — every coffee helps keep it updated.
This list is released under the MIT License — free to use, share, and adapt.
⭐ If this list helped you, give it a star — it helps others find it too.