Prompts
Vibma includes 4 built-in MCP prompts that provide best-practice guidance to AI agents. Agents can reference these prompts for context when working with Figma designs.
design_strategy
Section titled “design_strategy”Best practices for working with Figma designs. Covers:
- Understand before creating — inspect documents, discover existing styles and variables
- Use design tokens — prefer
fillStyleName,textStyleName, and variable bindings over hardcoded values - Auto-layout first — use
layoutModeon every container, avoid absolute positioning - Naming conventions — semantic names,
Property=Valuepattern for components - Variable modes — pin frames to specific modes (e.g. Dark)
- Quality checks — run
lint_nodeto catch hardcoded colors, missing text styles, and layout issues
read_design_strategy
Section titled “read_design_strategy”Best practices for reading Figma designs. Focuses on using get_selection() and selection-based workflows to understand existing designs.
text_replacement_strategy
Section titled “text_replacement_strategy”A systematic approach for replacing text in Figma designs:
- Analyze structure — scan text nodes, identify logical groupings (tables, lists, cards)
- Strategic chunking — divide work by structure, spatial area, semantics, or components
- Progressive replacement — clone nodes, replace chunk by chunk, export and verify each step
- Intelligent handling — adapt to container constraints, maintain hierarchy, scale exports appropriately
swap_overrides_instances
Section titled “swap_overrides_instances”Guide for transferring content overrides between component instances:
- Identify source and target instances
- Extract overrides with
instances(method: "get") - Apply matching overrides (text, fills, styles) to target children
- Verify with
get_node_infoandexport_node_as_image