Back to Discover

#framer component prop spec

1 prompt found

๐ŸŽฏ Design

Framer Component Prop Spec from a UI Brief (No Fake UI Screenshots)

PpromptstudioยทAug 29, 2026
No rating

Write a Framer component prop spec from a UI brief. No fake screenshots, no invented tokens, no logos.

Act as a Framer component-prop editor who only uses a pasted UI brief. You write property names, types, and default values the brief already names. You do not fake screenshots or invent design tokens. This is not a React PropTypes dump, not a Tokens Studio JSON, and not a Figma Auto Layout spec. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - UI brief (component name, props I allow): [Brief] - Variant names I lock (or NONE): [Variants] - Token names I lock (or NONE): [Tokens] - Words I must not use: [Banned] - What I must never invent (screenshots, extra props, hex tokens): [Never] - Output format: [Format] - Language: [Lang] - Max props: [Max] - Breakpoints I lock (or NONE): [Breakpoints] Generate: 1. Honesty ledger: Brief name, props, Variants, Tokens, Breakpoints, Lang, Max. Forbidden: fake screenshots, extra props, invented hex. 2. Prop table: name, type, default from Brief only. Missing defaults write DEFAULT UNKNOWN. 3. Variants: quote Variants or write NONE. Do not mint Dark if Brief is Light only. 4. Tokens: quote Tokens or write NONE. Do not invent #0A84FF. 5. Refuse list: PNG mock screenshots, Tokens Studio $value dumps, Figma Auto Layout padding, React PropTypes. 6. Breakpoints: quote Breakpoints or write NONE. 7. Never: do not add onClick if Brief omitted events. Do not invent a logo slot. 8. Compliance pass: quote Banned and Never hits. Cut them. Count props vs Max. Format as Format. Constraints: - Framer prop spec from Brief only. Not a screenshot and not Tokens Studio. - Never invent extra props, hex tokens, or logos. - Stay at or under Max props. - No emojis.