Figma Swiftui
Figma Swiftui bridges design and development by translating between Figma files and SwiftUI code in both directions. Route design-to-code requests to build iOS interfaces from Figma frames, or code-to-design to push SwiftUI views and tokens back into Figma, preserving semantic colors, SF Symbols, and iOS patterns throughout.
Figma Swiftui converts between Figma designs and SwiftUI code in both directions, handling layout, colors, and symbols.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
Figma Swiftui converts between Figma designs and SwiftUI code in both directions, handling layout, colors, and symbols. Figma Swiftui bridges design and development by translating between Figma files and SwiftUI code in both directions. Route design-to-code requests to build iOS interfaces from Figma frames, or code-to-design to push SwiftUI views and tokens back into Figma, preserving semantic colors, SF Symbols, and iOS patterns throughout.
Use it when
- Yes.
- Figma Swiftui automates SwiftUI generation from Figma designs, eliminating the need to manually code iOS UI components.
Install
Devin-AXIS/iPolloWork/figma-swiftui · repository language: TypeScript
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does Figma Swiftui do?
Figma Swiftui bridges design and development by translating between Figma files and SwiftUI code in both directions. It converts Figma designs to SwiftUI code automatically and can also push SwiftUI views and tokens back into Figma, preserving semantic colors, SF Symbols, and iOS patterns throughout the workflow.
Can Figma Swiftui convert figma designs to swift ui code?
Yes. Figma Swiftui converts Figma designs to SwiftUI code automatically, generating iOS SwiftUI components directly from your Figma mockups. This reduces manual coding effort and helps bridge the design-to-development handoff process.
How does Figma Swiftui reduce development time?
Figma Swiftui automates SwiftUI generation from Figma designs, eliminating the need to manually code iOS UI components. By translating design frames into working SwiftUI code, it streamlines the design handoff and reduces the manual coding effort required for iOS UI implementation.
Does Figma Swiftui support design tokens and symbols?
Yes. Figma Swiftui preserves semantic colors, SF Symbols, and iOS patterns when converting between Figma and SwiftUI, ensuring your design system remains consistent throughout the code generation process.
Can you push SwiftUI code back into Figma?
Yes. Figma Swiftui works bidirectionally—you can route code-to-design requests to push SwiftUI views and tokens back into Figma, enabling a two-way workflow between designers and developers.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Convert Figma designs to SwiftUI code automatically”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Turn Figma designs into code by pulling design context with get_design_context, then adapting it to your project's language, framework, and component library. The skill prioritizes Code Connect mappings, component docs, design annotations, and design tokens to ensure consistency with your existing codebase.
This skill creates project-specific design system rules that encode your team's component patterns, naming conventions, and architectural decisions. By analyzing your codebase and generating rules for your AI coding agent, it ensures consistent, high-quality code output when translating Figma designs. Rules are saved to the appropriate file format for Claude Code, Codex CLI, or Cursor.
Extract design context from Figma and translate it into code matching your project's language, framework, and component library. This skill guides you through calling `get_design_context`, treating the returned reference code as a starting point, reusing existing project components and tokens, and faithfully rendering images and icons from their exported assets. Always invoke this skill before implementing a Figma design as code.
This skill transforms Figma designs into production-ready application code by extracting design context, visual references, and assets from Figma files, then translating them into your project's framework and conventions. It ensures 1:1 visual fidelity while reusing existing components and design tokens.
Create or update full-page screens, modals, dialogs, drawers, and other multi-section UI containers in Figma by leveraging your published design system—components, variables, and styles—rather than drawing with hardcoded values. The skill discovers design system assets from Code Connect files and existing screens, then assembles views incrementally section-by-section using design tokens. Works best alongside the parallel web app capture workflow for pixel-perfect layouts with proper component instances.
Build production-ready design systems in Figma by orchestrating multi-phase workflows that extract tokens from code, create variable foundations, construct components with proper variant sets, and document design principles. Works alongside the figma-use skill to enforce quality patterns from real-world systems.
More skills Figma Use Motion (NOASSERTION) · Figma Use Figjam (NOASSERTION) · Figma Generate Diagram (NOASSERTION) · Figma Generate Library (unlicensed)