Vibe CodingDesign-to-Code
Anima
A Figma and Adobe XD plugin that exports designs into clean React, Vue, or HTML/CSS code and keeps handoff documentation in sync with the …
Builder.io Visual Copilot
A Figma-to-code toolchain that compiles a design into real component code for your framework of choice, then refines it with an LLM for …
Chef
Convex's open-source AI app builder that generates full-stack apps with a real backend — database schema, server functions, and auth — not …
Figma Make
Figma's built-in AI tool that turns prompts or existing designs directly into interactive, working prototypes and code inside the Figma …
Framer AI
Framer's AI website generator that produces a full, responsive, editable site from a text prompt inside Framer's no-code visual builder.
Google Stitch
A free AI-native UI design tool from Google Labs, built on the Galileo AI engine, that turns a text prompt or wireframe into editable …
Locofy
A Figma-to-code plugin that converts designs into production-ready React, HTML, and React Native code, with AI-assisted component detection.
Magic Patterns
A prompt-to-UI tool for product teams that generates realistic, editable React interfaces for prototyping ideas before committing …
Onlook
An open-source visual editor for React and Tailwind apps that lets designers make direct visual edits to a running codebase, synced back to …
Polymet
An AI product design tool that generates full multi-screen UI concepts from a prompt, aimed at product designers exploring ideas before …
Same.new
Turns a prompt, screenshot, or existing URL into a working full-stack web app, with a particular strength at closely recreating an existing …
Screenshot to Code
An open-source tool that converts a screenshot, mockup, or Figma export into working HTML/CSS, React, or Vue code using a vision-capable AI …
Subframe
A UI builder for developers that combines a visual, Figma-like canvas with clean, copy-pasteable React and Tailwind code generation.
Superflex
An AI coding assistant focused on turning Figma designs and screenshots into pixel-accurate frontend code that matches an existing …
TeleportHQ
A visual web app builder that generates clean, framework-agnostic React, Vue, or HTML/CSS code from drag-and-drop designs or imported Figma …
Uizard
An AI UI design tool that turns text prompts, sketches, or screenshots into editable mockups and prototypes, with code export for …
v0
Vercel's AI UI generator that turns prompts and screenshots into working React components, styled with Tailwind and shadcn/ui.
Visily
An AI wireframing and mockup tool that turns screenshots, sketches, or prompts into editable UI designs, aimed at non-designers and …