Launch offer: yearly plans save 20–30%See plans
BuildUI.pro
Log inStart free

Developer tool directory

AI UI-to-code tools,
organized by workflow.

Browse tools for turning screenshots, Figma frames, images, PDFs, and prompts into editable frontend code. Browsing requires no signup; each tool page clearly shows whether generation is free, plan-based, or coming soon.

Search by input or output Honest access labels No invented tools or capabilities Focused workflow guidance

Tool directory

Find the right UI-to-code workflow

Filter by workflow or search by input, output, framework, or tool name. Every result links to a permanent, crawlable tool page.

18 tools

Free

Screenshot to Code

Turn an interface screenshot into clean, editable frontend source code.

HTMLReactVue
Open tool
Paid

Figma to React

Production-ready React components from structured Figma frames.

ReactNext.jsTailwind CSS
Open tool
Paid

Figma to Vue

Vue 3 components that preserve design tokens and responsive rules.

Vue 3NuxtTailwind CSS
Open tool
Paid

Figma to HTML

Semantic HTML and CSS that matches your Figma layouts.

HTMLCSSJavaScript
Open tool
Paid

UI to Code

Convert rough UI references into polished frontend components.

ReactVueHTML
Open tool
Paid

Design to Code

One workspace for exported design frames and visual references.

ReactVueHTML
Open tool
Paid

Image to HTML

Responsive HTML from mockups, captures, or hand-drawn wireframes.

HTMLCSSJavaScript
Open tool
Paid

Universal Image to Code

Use any visual reference and target your preferred frontend stack.

ReactVueNext.js
Open tool
Paid

AI Code Generator

Describe a component or flow and generate structured frontend code.

ReactVueNext.js
Open tool
Paid

PDF to HTML

Recreate PDFs as responsive, searchable web experiences.

HTMLCSSReact
Open tool
Coming soon

Figma to Flutter

Responsive Flutter widgets from Figma designs and components.

FlutterDart
View roadmap status
Coming soon

Figma to iOS

Native SwiftUI views with assets, tokens, and adaptive layouts.

SwiftUISwift
View roadmap status
Coming soon

Figma to Android

Jetpack Compose UI from your Android product designs.

KotlinJetpack Compose
View roadmap status
Paid

Prompt to UI Generator

Go from a product idea to a polished, editable interface.

DesignReactHTML
Open tool
Paid

Image to SVG

Clean, scalable vector output from icons and simple artwork.

SVG
Open tool
Coming soon

Deep Debugger

Find visual, responsive, and runtime issues before release.

Fix patchQA report
View roadmap status
Paid

Design System Extractor

Recover tokens and reusable primitives from an existing interface.

TokensStorybookComponent map
Open tool
Paid

UI Test Generator

Generate visual and interaction tests from your finished screens.

PlaywrightTest planA11y checks
Open tool

What does BuildUI do?

BuildUI converts visual references and written requirements into frontend source you can review and edit. Choose a focused tool above to see its exact inputs, outputs, workflow, and limits.

Is BuildUI free?

The catalog is free to browse. Screenshot to Code includes a free basic workflow; paid and planned tools are labeled before you open them. Generation may require an account or plan.

Which formats are supported?

Supported formats vary by tool and are shown on every detail page. Current workflows cover visual images, PDFs, Figma input, prompts, and outputs including React, Next.js, Vue, and HTML.