217 tools
UI & Product
Product design, prototyping, maps, research, a11y, and design QA. Use filters to narrow the shelf.
icons8.com icon
Free offline Figma-like UI tool with built-in assets + AI
penpot.dev icon
Open-source design + design systems + CSS-native handoff
github.com icon
Wireframing with real UI components rendered as sketches
protovibe-studio.github.io icon
Open-source visual React/Tailwind editor for agents
uxpilot.ai icon
Text→wireframe→hi-fi UI + heatmaps + UX review
relume.io icon
AI sitemaps + section wireframes → Figma/Webflow
banani.co icon
Prompt/PRD → multi-screen editable UI + Figma export
magicpatterns.com icon
Prompt/PRD → hi-fi UI with design-system matching
visily.ai icon
AI Plan Mode + wireframes/hi-fi for PMs
uizard.io icon
Screenshot/sketch/text → editable mockups
usegalileo.ai icon
Text-to-UI aiming at Figma-ready screens
flowstep.ai icon
Multi-screen UX flows + Figma paste + React export
Showing 1–12 of 217
1
About this shelf
This is the product-design shelf: canvases, prototyping, research and feedback, accessibility checks, design QA, and maps or spatial-web tools that still start as design work. It is intentionally wide. Use the chips to narrow it instead of hoping a single ranked list matches your job.
If you need a Figma alternative, start with canvases and then read the Figma vs Penpot compare guide. If you need to test a flow, filter to prototyping or research. If you are cleaning a file before handoff, design QA and accessibility tools will save more time than another UI kit.
We absorbed several older shelves into this parent so URLs stay stable and you stop hunting the same product across five pages. Maps, research, a11y, and QA are filters on this page, not separate destinations. That is a discovery choice: one grid, many jobs.
Featured picks are tools we would put in front of a product designer this week, with a one-line why. The grid is the rest of the catalog on this shelf, including smaller utilities that never appear in “best UX tools” posts. Pair this page with the product-designer stack under /for when you want a sequence instead of a dump.
Questions
- Where did prototyping and research go?
- They are filters on this parent shelf. Use the chips to narrow without leaving the page.
- Do you still list Figma?
- If it is in the catalog it appears here. We also keep an open-source comparison on /compare/figma-vs-penpot.
- What is this shelf not for?
- Component libraries you install in a repo, motion libraries, and design-to-code exporters have their own categories.
- How should I use featured vs the grid?
- Featured is a short why-start-here list. The grid is the full shelf with pricing filters and pagination.