Design Tools

Source → Design

Source → Design converts HTML and frontend projects built with React, Next.js, Vue, or Svelte into structured, editable Figma designs with real layers, typography, vectors, colors, spacing, Auto Layout, and variables.

Product Shot

Product Shot is a local-first screenshot editor for making polished product shots. Frame, arrange, style, and export screenshots as PNG, GIF, or MP4 without sending the working composition to a server.

Google Stitch

AI-native

Google Stitch is a Google Labs experiment that generates UI designs and frontend code from text or image inputs. It uses Gemini models to help designers and developers explore, refine, and hand off interface concepts quickly.

Magic Patterns

AI-native

Magic Patterns is an AI-native product prototyping tool for generating interface concepts and working prototypes from prompts. It supports shared design systems, reusable context, collaboration, and export into downstream design workflows.

MagicPath

AI-native

MagicPath is an AI-native visual design environment for generating and iterating product interfaces on a freeform canvas. It is built around prompt-driven UI creation while keeping generated work editable and exploratory.

Flowstep

AI-native

Flowstep is an AI-native product design tool for generating and iterating interface screens from natural-language direction. It focuses on fast UI exploration, editable design output, prototyping, and export into established design workflows.

Visily

AI-powered

Visily is a collaborative UI design and wireframing platform aimed at helping product teams design without requiring advanced design-tool expertise. Its AI features assist with generating, converting, and iterating interface concepts.

Uizard

AI-powered

Uizard is a UI and product-design platform for quickly creating wireframes, mockups, and interactive prototypes. AI features can generate interfaces from prompts, sketches, or screenshots and help non-specialists move from idea to editable design.

Figma Make

AI-native

Figma Make is Figma's AI-native environment for turning prompts and design context into interactive prototypes and web-app experiences. It can work with Figma frames, design systems, attachments, npm packages, and MCP-connected context.

Relume

AI-powered

Relume is an AI-assisted website planning and design tool for generating sitemaps, wireframes, and visual directions before moving into Webflow or Figma. Its component library is built to speed up structured website production rather than general graphic design.

Paper

AI-powered

Paper is a code-connected design canvas for creating and iterating digital interfaces. Its workflow is designed to work closely with development tools and AI agents, including MCP-based access to design files.

Motiff

AI-native

Motiff was an AI-oriented UI design and generation platform for creating production-ready interface work from prompts, wireframes, screenshots, and PRDs. The product has been discontinued and its editor went offline on June 23, 2026.

Moonchild.ai

AI-native

Moonchild.ai is an AI-native product design tool that turns briefs or PRDs into multi-screen interface directions, flows, and prototypes. It emphasizes design-system grounding and handoff to Figma or development workflows.

Framer

AI-powered

Framer is a visual website design and publishing platform with responsive layout, CMS, collaboration, and production hosting. AI-assisted generation and editing are integrated into a workflow that remains strongly design-led.

UX Pilot

AI-native

UX Pilot is an AI-driven UX design platform for generating wireframes, screens, flows, and prototypes from prompts or product requirements. It also supports iterative editing and design-to-code workflows.

Figr AI

AI-native

Figr is an AI-assisted product design workspace that uses product context, research, and design-system inputs to generate flows, prototypes, and UI. It is designed to keep generated work grounded in an existing product rather than starting from isolated prompts.