Figma To Swiftui
Turns Figma design URLs into production SwiftUI code with a structured workflow that actually respects your existing codebase. It uses Figma MCP to pull design context, screenshots, and tokens, then walks through asset export, design token mapping, and component implementation. The adaptation audit is the standout piece: when updating an existing screen, it builds an element-by-element diff checklist before touching any code, which catches the spacing and layout tweaks that usually get missed. Requires Figma MCP server connection and works best when you have design specs or PM briefs to pair with the Figma link. Opinionated about exporting real Figma assets instead of faking them with SF Symbols or placeholder shapes.
- skills.sh installs
- 316
- GitHub stars
- 27
- last updated
- Jun 3, 2026
Install
$ npx -y skills add daetojemax/figma-to-swiftui-skill --skill figma-to-swiftui --agent claude-codeInstalls into .claude/skills of the current project.
Files
Figma to SwiftUI
Deliver native SwiftUI that matches the requested Figma design and fits the existing app. Treat generated web code as design evidence, not as code to port. Preserve the project's architecture, component APIs, and behavior outside the requested change.
Choose the scope
Use the user's request and any brief to establish the target screens, actions, states, and supported devices. A brief defines behavior and scope; Figma defines visuals within that scope. Read source-document.md when a brief needs reconciliation with the design.
- Implement a screen or component: gather the relevant design evidence and project context, then implement through completion.
- Update existing UI: inspect the affected view and dependencies; use adaptation-workflow.md to preserve behavior while closing the visual differences.
- Plan, map tokens, or export assets: deliver that artifact without automatically implementing screens or changing shared design systems.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/daetojemax/figma-to-swiftui-skill
- Categories
- Mobile Development, Design & UI/UX
- First seen
- Jun 3, 2026
Recommended
More Mobile Development
android-networking-retrofit-okhttpkrutikjain/android-agent-skillsBuild Android networking stacks with Retrofit, OkHttp, interceptors, API contracts, and resilient error handling.296skills.sh installsandroid-coroutines-flowkrutikjain/android-agent-skillsUse coroutines, Flow, structured concurrency, dispatchers, and cancellation-safe Android async pipelines.291skills.sh installs
flutter-testingdhruvanbhalara/skillsDefine testing strategy, test pyramid, and pattern-based conventions (Golden Variants, State Matrix, Interaction Contracts). Use when establishing test architec283skills.sh installs
flutter-control-and-screenshotrodydavis/skillsGuide on how to control a Flutter app using flutter_driver via MCP and capture screenshots.271skills.sh installs