Automates the conversion of Figma designs into modular, production-ready SwiftUI views using Figma MCP tools.
This skill provides a structured, multi-step workflow for translating Figma mockups into high-quality SwiftUI code. It leverages specialized Figma MCP tools to extract design context, screenshots, and variables, ensuring that the resulting code is both pixel-perfect and architecturally sound. By guiding Claude through intelligent component decomposition and variable mapping, it ensures that new UI elements respect existing codebase conventions, include proper SwiftUI previews, and maintain design system consistency without manual guesswork.
Key Features
01Automated design context extraction via Figma MCP tools
02Automatic generation of SwiftUI Previews for multiple view states
03Visual verification using automated screenshot comparisons
04Mapping of Figma variables to existing SwiftUI design system extensions
053 GitHub stars
06Intelligent component splitting based on complexity and reuse
Use Cases
01Converting legacy UI components to match updated Figma design systems
02Building new iOS feature screens directly from Figma design URLs
03Rapidly prototyping iOS interfaces from high-fidelity mockups
