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 …
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.
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 …
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 …