Extract repeated styles, complete missing design-system primitives, and apply document-wide cleanup tools from the UI, AI assistant, or MCP.
Where: f0 left sidebar → Helpers / Design System, or ask the AI assistant
Key ideas
- Style Patterns: Scans the document for repeated visual rule groups, proposes reusable classes/tokens, previews changes, and applies the accepted extraction as one undo step.
- Fill Design System: Measures missing primitive coverage and derives the absent token values from the project’s own visual vocabulary.
- Helpers + AI parity: Pattern rename, font replace, text layout, sizing, and constraints share one library between the panel and nine AI/MCP tools, including confirmation gates for page-wide changes.
Steps
- Open Style Patterns and scan the document; review proposals before applying.
- Open Fill Design System and complete only the missing primitives you want.
- Use Helpers for layer naming, font, text, size, or constraint cleanup.
- When using AI/MCP, inspect first and explicitly confirm any page-wide mutating action.
Inspection tools
- get_style_patterns scans repeated style groups and holds proposal ids.
- list_layer_names returns exact layer ids/names for narrow targeting.
Apply tools
- extract_style_patterns applies only held proposals after a plan/confirmation.
- complete_design_system fills missing primitives after a plan/confirmation.
- rename_layers, replace_font, set_text_layout, set_sizing, and set_constraints use the same implementation as their panel counterparts.
Limitations and important notes
- Page-wide font/layout/sizing/constraint operations are confirmation-gated; explicit ids keep scope narrow.
- Style extraction requires a fresh scan and refuses stale or invented proposal ids.