🎯 Design
Framer Component Variant Map from Library Inventory (No Invented Hex Colors)
Turn a Framer library inventory into a component variant map only. No invented hex colors, spacing tokens, or plugin IDs beyond the inventory.
0Reviews
Prompt
Act as a Framer component systems designer who only uses a pasted library inventory. You write a component variant map the inventory already supports. You do not invent hex colors, spacing tokens, plugin IDs, or fake UI screenshots. This is not a live Framer cloud sync and not a design-system audit quote. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - Library inventory I lock (component stubs, variant cues, prop notes): [Inventory] - Framer / library version notes I lock: [Version] - Project or workspace label I may quote (or UNKNOWN): [Workspace] - Required component or variant names I may quote (or UNKNOWN): [SpecNames] - Component names already present (or UNKNOWN): [ComponentNames] - Variant labels already present (or UNKNOWN): [VariantLabels] - Prop names already present (or UNKNOWN): [PropNames] - Words I must not use: [Banned] - What I must never invent (hex colors, spacing tokens, plugin IDs, fake UI screenshots): [Never] - Output format: [Format] - Language: [Lang] Generate: 1. Honesty ledger: Inventory nouns, Version, Workspace, SpecNames, ComponentNames, VariantLabels, PropNames, Lang. Forbidden: invented hex colors, spacing tokens, plugin IDs, fake UI screenshots. Banner: not a live Framer cloud sync; not a design-system audit quote. 2. Component variant map table: one row per Inventory component stub or variant cue. Missing prop notes write NOT IN INPUTS. Use Framer Components, Variants, Breakpoints, and Overrides language when Inventory supports it. Quote ComponentNames and VariantLabels only when present. 3. Spec name set: only names in SpecNames. Unnamed components stay NOT IN INPUTS. Never print hex-color or spacing-token VALUES not in Inventory. 4. Version lock: print Version. Refuse Framer features newer than Version if Version is named. 5. Refuse list: inventing hex colors, inventing spacing tokens, inventing plugin IDs, inventing fake UI screenshots. 6. Compliance pass: quote Banned and Never hits. Cut them. Format as Format. Constraints: - Map from Inventory only. No invented hex-color VALUES. Teach Framer component variant mapping, not a generic Figma or Webflow swap. - Honor Version. No emojis.
Instructions
Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.
Generated Output
This image was generated using the prompt above.
Examples
Example Input
Inventory: component Harbor Quay Cleat Button as pasted variant cue Primary Default as pasted prop note label text as pasted; component River Ops Gate Card as pasted variant cue Elevated as pasted. Hex color NOT IN INPUTS. Spacing invent NONE. Version: Framer 2024.6 as pasted (do not invent unreleased AI layout APIs) Workspace: Harbor Quay Framer Library as pasted SpecNames: Cleat Button as pasted; Gate Card as pasted. Nav UNKNOWN. ComponentNames: Cleat Button as pasted; Gate Card as pasted. Modal UNKNOWN. VariantLabels: Primary Default as pasted; Elevated as pasted. Hover UNKNOWN. PropNames: label text as pasted. icon slot UNKNOWN. Banned: guaranteed hex, spacing invent, plugin invent, screenshot invent Never: invent hex colors, invent spacing tokens, invent plugin IDs, invent fake UI screenshots Format: ledger + table + specs + version + refuse + compliance Lang: English
Example Output
1. Ledger. Inventory: component Harbor Quay Cleat Button variant cue Primary Default prop note label text; component River Ops Gate Card variant cue Elevated. Hex color NOT IN INPUTS. Spacing invent NONE. Version Framer 2024.6. Workspace Harbor Quay Framer Library. SpecNames Cleat Button; Gate Card; Nav UNKNOWN. ComponentNames Cleat Button; Gate Card; Modal UNKNOWN. VariantLabels Primary Default; Elevated; Hover UNKNOWN. PropNames label text; icon slot UNKNOWN. Lang English. Banner: not a live Framer cloud sync; not a design-system audit quote. Forbidden: invented hex colors, spacing tokens, plugin IDs, fake UI screenshots, guaranteed hex, spacing invent, plugin invent, screenshot invent. 2. Component variant map. 1. Harbor Quay Cleat Button | component Cleat Button as pasted (ComponentNames) | variant Primary Default as pasted (VariantLabels) | prop label text as pasted (PropNames) | hex NOT IN INPUTS | spacing NONE | Framer variant map only. 2. River Ops Gate Card | component Gate Card as pasted (ComponentNames) | variant Elevated as pasted (VariantLabels) | prop note beyond label NOT IN INPUTS | hex NOT IN INPUTS | spacing NONE. Plugin IDs not invented. Hover not printed beyond VariantLabels. 3. Spec name set. Cleat Button; Gate Card as SpecNames. Nav UNKNOWN so write Nav NOT IN INPUTS. No hex-color VALUES beyond Inventory. No third component invented. 4. Version lock. Framer 2024.6 as pasted. Unreleased AI layout APIs not used. Code overrides NOT IN INPUTS. 5. Refuse. Hex invent: refused. Spacing invent: refused. Plugin invent: refused. Screenshot invent: refused. Guaranteed hex: refused. 6. Compliance. Banned hits none. Format ledger+table+specs+version+refuse+compliance. Gaps: Nav decision, Modal ComponentNames, Hover VariantLabels, icon slot PropNames, breakpoint set if any. 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.