Tools and resources for designers, picked and sorted by category. Fonts, icons, inspiration, plugins and the references worth keeping open.
(01)Picks of the week
- Freemium
Mobbin
InspirationReal screens and full flows from shipped iOS, Android and web apps. Search by pattern, not by guess.
mobbin.com - Free
IBM Plex Sans Arabic
Arabic fontsA clear Arabic UI family with seven weights that pairs well with Latin grotesks. This site uses it.
fonts.google.com - Free
Realtime Colors
Color & contrastTry a palette on a real page layout before you commit to it, then export tokens.
realtimecolors.com - Freemium
Shots
Mockups & assetsTurn a screenshot into a polished device mockup for case studies and posts in seconds.
shots.so
(02)Collections
(03)Inspiration
- Freemium
Mobbin
InspirationReal screens and full flows from shipped iOS, Android and web apps. Search by pattern, not by guess.
mobbin.com - Paid
Page Flows
InspirationRecorded user flows like onboarding, checkout and upgrade, step by step.
pageflows.com - Free
Land-book
InspirationA big, well-sorted gallery of landing pages and portfolios.
land-book.com - Free
Godly
InspirationBold web design references with motion, recorded as video.
godly.website - Free
Awwwards
InspirationAward-winning websites, judged on design, usability and creativity.
awwwards.com - Free
Behance
InspirationFull case studies from designers worldwide. Study how they tell the story, not only the visuals.
behance.net
(04)Arabic fonts
- Free
Google Fonts Arabic
Arabic fontsEvery free Google font with Arabic support, filterable in one view.
fonts.google.com - Free
IBM Plex Sans Arabic
Arabic fontsA clear Arabic UI family with seven weights that pairs well with Latin grotesks. This site uses it.
fonts.google.com - Free
Tajawal
Arabic fontsA geometric Arabic sans that stays readable at small sizes.
fonts.google.com - Free
Cairo
Arabic fontsA variable Arabic and Latin family, good for headings and short UI labels.
fonts.google.com - Paid
29LT
Arabic fontsA professional Arabic type foundry. The place to go when a brand needs a licensed family.
29lt.com
(05)Fonts & type
- Free
Fontshare
Fonts & typeQuality Latin typefaces from Indian Type Foundry, free for commercial use.
fontshare.com - Free
Typewolf
Fonts & typeFont pairings and type in use on real sites, with alternatives for paid fonts.
typewolf.com - Free
Typescale
Fonts & typePreview a modular type scale and copy the sizes straight into your styles.
typescale.com
(06)Icons
- Free
Lucide
IconsA clean open source line icon set with one stroke, one grid and code packages.
lucide.dev - Free
Phosphor
IconsThousands of icons in six weights, from thin to fill and duotone.
phosphoricons.com - Free
Iconoir
IconsA calm, consistent open source icon library with Figma and code versions.
iconoir.com - Freemium
Streamline
IconsA huge library of icons and illustrations in many styles, with a Figma plugin.
streamlinehq.com
(07)Color & contrast
- Free
Realtime Colors
Color & contrastTry a palette on a real page layout before you commit to it, then export tokens.
realtimecolors.com - Freemium
Coolors
Color & contrastGenerate and save palettes fast, with contrast and color blindness checks.
coolors.co - Free
Radix Colors
Color & contrast12-step color scales built for UI, each step with a job: backgrounds, borders, text.
radix-ui.com - Free
WebAIM Contrast Checker
Color & contrastPaste two colors and see if text passes WCAG AA and AAA.
webaim.org
(08)Figma plugins
- Freemium
Stark
Figma pluginsAccessibility checks inside Figma: contrast, vision simulation and focus order.
getstark.co - Free
Iconify
Figma pluginsInsert icons from over a hundred open source sets as clean vectors.
figma.com - Free
Content Reel
Figma pluginsFill layouts with names, avatars and numbers so mockups stop saying Lorem ipsum.
figma.com - Freemium
Autoflow
Figma pluginsDraws flow arrows between frames, handy for user flow diagrams.
figma.com
(09)Mockups & assets
- Free
Unsplash
Mockups & assetsFree high quality photos, with a Figma plugin to drop them into frames.
unsplash.com - Freemium
Shots
Mockups & assetsTurn a screenshot into a polished device mockup for case studies and posts in seconds.
shots.so - Free
Mockups Design
Mockups & assetsFree PSD mockups for branding, print and packaging.
mockups-design.com - Freemium
Untitled UI
Mockups & assetsA big Figma UI kit and design system. Great for studying how components are built.
untitledui.com
(10)Prototyping & motion
- Freemium
Framer
Prototyping & motionDesign and publish real websites with motion, no code needed.
framer.com - Freemium
Rive
Prototyping & motionInteractive animations that react to input, exported as tiny runtime files.
rive.app - Freemium
LottieFiles
Prototyping & motionLightweight animations for apps and sites, with a big free library.
lottiefiles.com - Paid
ProtoPie
Prototyping & motionHigh fidelity prototypes with real logic, sensors and variables.
protopie.io
(11)AI for design
- Freemium
Relume
AI for designGenerates sitemaps and wireframes from a short brief, then exports to Figma.
relume.io - Freemium
v0
AI for designDescribe a UI and get working React code, useful to test an idea in the browser.
v0.dev - Paid
Midjourney
AI for designImage generation for moodboards, key visuals and art direction tests.
midjourney.com - Freemium
Google Flow
AI for designGoogle's AI creative studio for video and images, built on Veo and Imagen. Good for motion tests and short promo clips.
flow.google.com - Free
Arena
AI for designCompare AI models side by side on the same prompt, with public leaderboards for text, image and web design.
arena.ai
(12)Learn UX
- Free
Laws of UX
Learn UXThe psychology principles behind good interfaces, one clear page each.
lawsofux.com - Free
Nielsen Norman Group
Learn UXResearch-backed UX articles. When you need to defend a decision, start here.
nngroup.com - Paid
Refactoring UI
Learn UXPractical visual design tactics: hierarchy, spacing, color and depth.
refactoringui.com - Free
Material Design 3
Learn UXGoogle's design system, including a clear guide to bidirectionality and mirroring.
m3.material.io - Free
Apple HIG
Learn UXApple's Human Interface Guidelines. Read the layout and typography sections first.
developer.apple.com