ufira-ai

Build a complete multi-variant button component system with primary, secondary, danger, and ghost styles across small, medium, and large sizes.

Build a card component with an image placeholder, title, body text, and a CTA button instance using auto-layout and exposed text properties.

Build a semantic color system with primitive paint styles and semantic design tokens as Figma variables supporting light and dark modes.

Run a systematic design audit using lint_node across an entire selection or page, group issues by rule, and produce a prioritized report.

Build a WRAP auto-layout icon grid with 24×24 icon frames, a base icon component, and instanced icons arranged in a responsive wrap layout.

Start a Figma design session on macOS — opens Figma, launches the Vibma plugin, and connects via MCP. Uses osascript/AppleScript. Handles common failure modes. Use when starting work or when the connection drops.

Development workflow for the Vibma Figma MCP plugin. Follow this when fixing bugs, adding features, or investigating issues. Enforces single-source-of-truth principle and structured fix-test-audit cycle.