figma-design-workflow

Generate Figma mockups by providing a Wrangler MCP specification containing UI requirements like pages, components, and user flows. The Skill extracts those requirements, creates frames using a design system library, and outputs a master design system file plus feature-specific files with approval tracking embedded in metadata.

Yes. Automate mockup generation by feeding Wrangler specifications into this workflow. It reads UI requirements, generates production-ready Figma frames automatically, and records implementation baselines and approvals directly in Wrangler metadata for tracking.

Bridge specifications to Figma by using a design system library to generate frames from Wrangler UI requirements. This approach creates both a centralized design system file and isolated feature files, maintaining approval and verification data in specification metadata.

Yes. The Skill applies a design system library to generate Figma frames from Wrangler specifications. This ensures consistency and enables the creation of both a master design system file and feature-specific mockups with built-in approval tracking.

The Skill maintains a hierarchical design structure by creating a master design system file alongside feature-specific Figma files. Changes and approvals are tracked in Wrangler metadata, establishing a single source of truth for design tokens and component definitions.

Yes. The Skill records design approvals and implementation baselines directly in Wrangler metadata as part of the mockup generation process, enabling audit trails and approval workflows tied to your specifications.