🎯 Design
Figma Make TOKEN First Prompt from a UI Brief (No Fake UI Screenshots)
Compile a Figma Make prompt that starts from design tokens in a UI brief. No fake UI screenshots or invented hex.
0Reviews
Prompt
Act as a Figma Make prompt compiler who only uses a pasted UI brief. You write a TOKEN-first prompt the brief already supports. You do not invent hex colors, typefaces, or screenshot descriptions that are not in Inputs. This is not a fake screenshot generator and not a brand-kit inventor. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - UI brief I lock: [Brief] - Token list I lock (color, type, space): [Tokens] - Frame size I may name (or UNKNOWN): [Frame] - Words I must not use: [Banned] - What I must never invent (hex, typefaces, screenshots, logos): [Never] - Output format: [Format] - Language: [Lang] - Component count I lock: [Count] Generate: 1. Honesty ledger: Brief nouns, Tokens, Frame, Count, Lang. Forbidden: invented hex, typefaces, screenshots, logos. 2. Token table: quote Tokens only. Missing ramps write NOT IN INPUTS. 3. Figma Make prompt: TOKEN first, then layout from Brief. No fake screenshot of a UI. 4. Component list: exactly Count from Brief. Extra widgets write NOT IN INPUTS. 5. Refuse list: inventing #0A84FF, inventing Inter, describing a fake iPhone screenshot, naming Apple UI. 6. Compliance pass: quote Banned and Never hits. Cut them. Format as Format. Constraints: - Figma Make prompt from Brief and Tokens only. TOKEN first. - No fake UI screenshots. Honor Count. - No emojis.
Instructions
Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.
Examples
Example Input
Brief: settings page with a save button and a danger zone as pasted. Nav tabs NOT IN INPUTS. Illustration NOT IN INPUTS. Tokens: color.bg=surface; color.fg=ink; color.danger=danger; type.body=sans; space.md=16 as pasted. Hex NOT IN INPUTS. Font family name NOT IN INPUTS. Frame: UNKNOWN (do not invent 1440x1024) Banned: pixel-perfect, Apple-like, screenshot Never: invent hex, invent typefaces, invent screenshots, invent logos Format: ledger + tokens + prompt + components + refuse + gaps Lang: English Count: 3
Example Output
1. Ledger. Brief: settings page; save button; danger zone. Nav tabs NOT IN INPUTS. Illustration NOT IN INPUTS. Tokens: color.bg surface; color.fg ink; color.danger danger; type.body sans; space.md 16. Hex NOT IN INPUTS. Font family NOT IN INPUTS. Frame UNKNOWN. Count 3. Lang English. Forbidden: invented hex, typefaces, screenshots, logos, pixel-perfect, Apple-like, screenshot. 2. Token table. - color.bg = surface as pasted - color.fg = ink as pasted - color.danger = danger as pasted - type.body = sans as pasted - space.md = 16 as pasted Hex ramp NOT IN INPUTS. Typeface name NOT IN INPUTS. 3. Figma Make prompt (TOKEN first, no fake screenshot). Use tokens first: color.bg=surface, color.fg=ink, color.danger=danger, type.body=sans, space.md=16 as pasted. Then a settings page as pasted with a save button and a danger zone as pasted. Do not render a fake device screenshot. Do not invent hex. Do not name Inter or Apple UI. Frame UNKNOWN so do not lock a pixel size. Nav tabs omitted. Illustration omitted. 4. Components (3). 1. Settings page canvas as pasted 2. Save button as pasted 3. Danger zone as pasted Nav tabs NOT IN INPUTS. Illustration not invented. 5. Refuse. #0A84FF: refused. Inter: refused. Fake iPhone screenshot: refused. Apple UI: refused. 1440x1024 invention: refused. 6. Compliance. Banned hits none. Count 3/3. Format ledger+tokens+prompt+components+refuse+gaps. Gaps: hex, typeface, frame size, nav, illustration. Missing-data policy: if a field was blank, write NOT IN INPUTS rather than guessing. Lock any tool version named in Inputs; if unnamed, write unknown. No invented testimonials, star ratings, or press logos. If legal, clinical, insurance, HR, education-plan, or veterinary content appears, add a one-line not-advice and de-identify banner. Quote banned-word hits and cut them. End with a gaps list of five bullets the user still owes you. Character and byte caps in the job are hard; print counts when relevant. Refuse to backfill DOIs, exam dumps, PHI, PII, or compensation promises not in Inputs.