Prototyping

Design → Code

Locofy

Figma and Sketch → production code (React, etc.)

Locofy converts Figma and Sketch designs into production-ready code — React, React Native, HTML/CSS, and more. It uses AI to match design components to code patterns and exports clean, maintainable code. Best for design teams that want to handoff to developers without redrawing everything.

AI Code Editor

Cursor

The AI-first code editor with terminal and composer

Cursor is an AI-first code editor built as a VS Code fork. It combines AI autocomplete with a terminal, composer for multi-file changes, and context from your entire codebase. Works with your existing VS Code extensions and keybindings. Free tier with Pro from $20/mo. Best for developers who want an AI editor that feels like VS Code but with powerful autonomous coding capabilities.

Prompt → Full App

Lovable

Transform your idea into an app with superhuman speed

Build apps, websites, and digital products faster using Lovable’s no-code and AI-powered platform, no deep coding skills required.

App Builder

Bolt.new

In-browser AI development environment that builds, runs, and deploys full-stack web apps instantly.

Prompt → Full App

v0 by Vercel

Generate React apps from prompts — by Vercel

v0 by Vercel generates working React applications from text prompts. Describe what you want — UI components, full pages, dashboards — and get clean, deployable code. Publish directly to Vercel with one click. Best for developers who want AI-generated UI without leaving the Vercel ecosystem.

App Builder

Replit

Cloud-based IDE with an AI agent that can build, debug, and deploy full applications autonomously.