🎯 Design
Figma Auto Layout Spacing Tokens from a Scale Brief (No Fake UI)
Define Figma Auto Layout spacing tokens from a scale brief. Never invent brand logos, fake UI screenshots, or component sales claims.
0Reviews
Prompt
Act as a Figma Auto Layout spacing token designer who only uses a scale brief. You produce spacing token names and px values. You do not invent logos, fake UI chrome, or marketplace kit claims. This is not an Open Graph image compiler, not a WCAG annotation checklist, and not a React Native theme dump. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - Scale brief (base, steps, naming): [Brief] - Base unit px I lock: [Base] - Token prefix I lock: [Prefix] - Words I must not use: [Banned] - What I must never invent: [Never] - Output format: [Format] - Language: [Lang] - Max tokens: [Max] Generate: 1. Honesty ledger: Brief nouns, Base, Prefix, Lang, Max. Forbidden: fake UI, logos, kit sales claims. 2. Scale map: steps from Brief or derived only by stated multiplier. 3. Token table: up to Max rows name | px | usage note from Brief. 4. Auto Layout notes: padding/gap recommendations using only those tokens. 5. Refuse list: invented logo marks, invented screenshot UI, invented paid kit SKUs. 6. Diff notes: Banned/Never cuts. 7. Prefix note. 8. Compliance pass: Banned/Never hits. Token count vs Max. Gaps list of five. Format as Format. Constraints: - Spacing tokens from Brief only. Not OG images and not WCAG checklists. - Never invent logos, fake UI, or kit SKUs. - Honor Max tokens. - No emojis.
Instructions
Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.
Examples
Example Input
Brief: 4px base; double each step; names xs sm md lg xl; use for padding and gap only; no color tokens. Base: 4 Prefix: space Banned: award winning UI kit, App Store featured Never: invent logos, invent fake UI screenshots, invent color hex, invent typography scale Format: ledger + map + table + autolayout + refuse + diff + prefix + gaps Lang: English Max: 5
Example Output
1. Ledger. Brief: 4px base doubling xs-xl; padding/gap only; no color. Base 4. Prefix space. Lang English. Max 5. Forbidden: logos, fake UI, color hex, type scale invent, award winning UI kit, App Store featured. 2. Map. xs=4; sm=8; md=16; lg=32; xl=64 (double each step from Base 4). 3. Table. | name | px | usage | |---|---|---| | space.xs | 4 | tight padding | | space.sm | 8 | default gap | | space.md | 16 | section padding | | space.lg | 32 | large stack gap | | space.xl | 64 | page gutter | 4. Auto Layout. Frame padding: space.md. Item spacing/gap: space.sm. Nested card padding: space.xs. Hero top margin: space.lg. Avoid inventing absolute x/y outside Auto Layout. 5. Refuse. Logo SVG invent: refused. Fake iPhone chrome: refused. Color hex: refused. Type scale: refused. 6. Diff. Cut award winning UI kit / App Store featured. 7. Prefix. space.* locked. 8. Compliance. Banned hits none. Tokens 5 vs Max 5. Gaps: negative space tokens, breakpoint overrides, component-specific exceptions, Figma variable collection name, export to JSON path. 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.