AI frontend from screenshot

Editorial picks for "ui from screenshot ai".

20 tools

All Coding →

Cursor

Featured

Coding · Claude / GPT (configurable)

9.5

AI-first VS Code fork — chat, edit, and agentic coding in one IDE.

Freemium· Hobby: Free · Individual: $20 / mo. · Teams: $40 / user / mo. · Enterprise: Customcodingrefactors

Replit Agent

Featured

Coding · Multi-model (Claude / GPT configurable)

8.7

Build & deploy a full app from a single prompt.

Freemium· Basic: $20 · Pro: $50 · Enterprise: Contact salesprototypesinternal tools

Figma AI

Image Generation · Multi-model: routes to OpenAI, Anthropic Claude, Google Gemini, and GitHub-hosted models plus Figma fine-tuned models

8.3

AI workflows built into the design tool product teams already use

Freemium· Starter plan: Free · Professional plan: Contact sales · Organization plan: Contact sales · Enterprise plan: Contact salesAI-assisted UI generation from promptsDesign system-aware component search

Uizard

Image Generation · in-house Autodesigner (proprietary, LLM + diffusion stack)

8.3

AI-powered UI design and prototyping from text, screenshots, or sketches

Freemium· Free: $0 · Pro: $12 · Business: $39 · Enterprise: Contact salesText-to-prototype app mockupsScreenshot-to-editable-mockup conversion

Lovable

Coding · Undisclosed (multi-model)

8.2

Chat-driven app builder that turns natural-language prompts into deployable full-stack web apps.

Freemium· Free: Free · Pro: ? · Business: ?app-prototypingno-code-webapps

Capacity

Coding · Multi-model

7.1

AI app builder that generates full-stack React + Express + SQLite apps from natural language specs.

Freemium· Starter: $25 · Growth: $69 · Professional: $129 · Business: $299app-prototypingmvp-builder

Cursor Talk to Figma MCP

Agents · Multi-model (Cursor / Claude Code via MCP)

7.0

Open-source MCP bridge that lets Cursor and Claude Code read and edit Figma files directly from the editor.

Free· Free, open-source (MIT)figma-automationdesign-to-code

Framelink

Coding · Multi-model (BYO agent: Cursor, Claude Code, VS Code, etc.)

7.0

Open-source MCP server that pipes Figma designs into AI coding agents as structured, low-noise context.

Free· Free and open source; paid tier on waitlistfigma-to-codedesign-to-code

GoCodeo

Coding · Multi-model (Claude 3.5/3.7, Gemini 2.5 Pro, GPT-4o, o3-mini, DeepSeek-R1)

6.9

VS Code agent that builds, tests, and debugs full-stack apps across 25+ frameworks with multiple frontier LLMs.

Freemium· Hobby: Free · Starter: US $9/ month · Pro: US $19/ monthcode-generationtest-generation

Magic Patterns

Coding · Multi-model

6.7

AI prototype generator that turns prompts into production-styled UI mocks for product teams.

Freemium· Free: $0 · Starter: $20 · Business: $100 · Enterprise: Customui-prototypingdesign-to-code

Mocha

Coding · Multi-model

6.7

AI-powered no-code app builder aimed at non-technical founders shipping production web apps from natural-language prompts.

Freemium· Starter: Free · Bronze: $20 · Silver: $50 · Gold: $200no-code app buildingmvp prototyping

Taste Skill

Coding · Multi-model

6.5

Open-source design-taste framework that stops AI coding agents from shipping generic, templated UIs.

Free· Free and open sourceagent-design-rulesfrontend-scaffolding

Bolt.new

Coding · Automatic multi-model routing (Bolt Agent selects frontier models per task; Anthropic Claude family is the primary code generator, with additional models used for planning and edits)

Prompt, run, edit, and deploy full-stack web apps from a browser tab

Freemium· Free: $0 · Pro: $25 · Teams: $30 · Enterprise: CustomLanding page generationSaaS MVP prototyping

DiffUI

Image Generation

Prompt-to-UI generation that outputs on-brand Web Components and design tokens.

Paid· Pay-as-you-go; no credit card required to start; cancel anytime. Exact per-generation prices not published on the landing page.landing page generationdashboard UI prototyping

Framelink Figma Context MCP

MCP Servers

MCP server that feeds Figma layout, styles and components into AI coding agents like Cursor and Claude Code.

Free· Free and open source (MIT). Optional Framelink hosted extras are gated behind a waitlist with no published pricing.Figma-to-React component generation in CursorMarketing landing page implementation from a Figma frame

Generative MUI React

Coding · model-agnostic (any LLM emitting A2UI v0.9.1; examples use Google Gemini)

Render LLM-emitted A2UI as real Material UI components, with streaming, two-way binding, and charts.

Free· Free, MIT-licensed npm package. No paid tiers; you pay only for whatever LLM you wire it to (e.g. Gemini, OpenAI, Anthropic).LLM chat surfaces that render forms and cards instead of markdownAgent-driven dashboards with streamed MUI X Charts

Onlook

Coding

Cursor for Designers — visually edit your React codebase with AI.

Freemium· Free self-hosted (open source on GitHub); Cloud version pricing custom — contact sales / book a demo.Visual editing of a Next.js marketing siteDesigner-driven component refactors in a shared React repo

OpenUI

Coding · Model-agnostic via LiteLLM: OpenAI GPT-4o/4.1, Anthropic Claude 3.5/3.7, Google Gemini, Groq, Cohere, Mistral, and local Ollama models (Llama, Qwen, etc.)

Describe a UI in natural language and see it rendered live in HTML, React, Svelte, or Web Components

Free· Free and open-source (Apache-2.0). Hosted demo at openui.fly.dev is free; self-hosting is free but you pay for whatever model API keys (OpenAI, Anthropic, Groq, Gemini, Cohere, Mistral) you plug in, or run local models via Ollama at zero token cost.AI-assisted UI prototypingGenerating React component scaffolds from prompts

Pinpoint

Coding

Visual feedback for AI coding agents

Free· Free and open source under the MIT license.Visual bug review for Claude Code sessionsCursor UI iteration loops

Same.new

Coding · Undisclosed premium frontier models (paid tiers)

Prompt-first AI web app builder that turns a URL or description into a live, hosted full-stack app.

Freemium· Free (500K tokens/mo) / Basic $10/mo (2M tokens) / Pro $25/mo (5M tokens) / Max $50/mo (10M tokens) / Ultra $100/mo (20M tokens, $10 per additional 2M overage). Tokens do not roll over.Cloning a reference site's UI as a starting templatePrototyping SaaS onboarding flows