◎
🔑 What is an Anthropic API key?
It gives DS Builder access to Claude Vision — the AI that reads your component screenshots and writes accurate prompts. Without it you get basic templates only.
1Go to console.anthropic.com
2Sign up or log in → API Keys → Create key
3Paste it here — stored only in your browser
Cost: ~$0.001–0.003 per generation · Billed by Anthropic directly
✕
Demo data
UPLOADS
↑
Drop or click to upload
JPEG · PNG · SVG
No images yet
Select a component
—
✕
🔍
Drop screenshot here
Claude Vision will analyse exactly what's visible
and generate accurate prompts from the real pixels
— or —
Loading component…
⬡
No component selected
Pick a component from the sidebar to preview it and generate prompts
↑
No images yet
Upload images from the left panel — they'll appear here stacked and scrollable
◻
Canvas mode
Upload an image on the left to auto-generate Figma, Claude, and Codex prompts.
Subscribe to unlock
Generate pixel-perfect Figma Make, Claude & Codex prompts for every component in your design system

7-day free trial · no credit card needed

captured
🔍 Vision active — prompts based on real screenshot
✕
FIGMA MAKE — TEMPLATE
ready
// Select a component to generate // a Figma Make prompt.
⚡ AI Prompt Generator
Sends your component to Claude Vision — it reads every colour, spacing, font and variant from the screenshot and writes a ready-to-use Figma Make prompt in seconds.
1Select a component or drop an image on the canvas
2Press Generate — Claude Vision analyses it
3Copy all → paste into Figma Make, Claude or Codex
Requires Anthropic API key · ~400–800 tokens per generation
CLAUDE — TEMPLATE
ready
// Select a component to generate // a Claude prompt.
⚡ AI Prompt Generator
Sends your component to Claude Vision — it reads every colour, spacing, font and variant from the screenshot and writes a ready-to-use Claude prompt in seconds.
1Select a component or drop an image on the canvas
2Press Generate — Claude Vision analyses it
3Copy all → paste into Figma Make, Claude or Codex
Requires Anthropic API key · ~400–800 tokens per generation
CODEX — TEMPLATE
ready
// Select a component to generate // an OpenAI Codex prompt.
⚡ AI Prompt Generator
Sends your component to Claude Vision — it reads every colour, spacing, font and variant from the screenshot and writes a ready-to-use Codex prompt in seconds.
1Select a component or drop an image on the canvas
2Press Generate — Claude Vision analyses it
3Copy all → paste into Figma Make, Claude or Codex
Requires Anthropic API key · ~400–800 tokens per generation