Design Workflow
End-to-end design workflow — inspiration, UI tools, asset creation, and async review for product designers.
#design#ui-ux#handoff
Stage 01
Inspiration
Study patterns and gather visual references.
Dribbble
Design inspiration and portfolio community
Freemium
72views19clicks
Mobbin
Mobile and web design reference library
Freemium
60views15clicks
Unsplash
Free high-resolution photos
Free
72views15clicks
Explore more
Dribbble for visual trends. Mobbin for real app UI patterns. Unsplash for photography.
Stage 02
UI Design
Design interfaces and iterate on flows.
Figma
Collaborative interface design tool
Freemium
196views21clicks
Penpot
Open-source design and prototyping platform
Open Source49.4K
310views21clicks
Excalidraw
Virtual whiteboard for hand-drawn diagrams
Free133.8K
342views18clicks
Explore more
Figma for collaborative UI. Penpot for open-source design files. Excalidraw for low-fi wireframes.
Stage 03
Visual Assets
Create graphics, palettes, and cutouts.
Canva
Visual design platform for everyone
Freemium
77views19clicks
Coolors
Color palette generator
Freemium
159views15clicks
Remove.bg
Remove image backgrounds automatically
Freemium
64views13clicks
Explore more
Canva for marketing graphics. Coolors for palette exploration. Remove.bg for instant cutouts.
Stage 04
Review & Handoff
Align with engineers and stakeholders async.
Miro
Online collaborative whiteboard platform
Freemium
80views16clicks
Loom
Async video messaging for work
Freemium
88views12clicks
Notion
All-in-one workspace for notes and docs
Freemium
89views16clicks
Explore more
Miro for critique sessions. Loom for annotated walkthroughs. Notion for specs and decisions.