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
Mobbin
Mobile and web design reference library
Freemium
Unsplash
Free high-resolution photos
Free
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
Penpot
Open-source design and prototyping platform
Open Source49.4K
Excalidraw
Virtual whiteboard for hand-drawn diagrams
Free124.9K
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
Coolors
Color palette generator
Freemium
Remove.bg
Remove image backgrounds automatically
Freemium
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
Loom
Async video messaging for work
Freemium
Notion
All-in-one workspace for notes and docs
Freemium
Explore more
Miro for critique sessions. Loom for annotated walkthroughs. Notion for specs and decisions.