SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code → design). Triggers on phrases like 'implement this Figma design in SwiftUI', 'build this screen in Swift', 'push this SwiftUI view to Figma', 'mirror my Swift code in a Figma file', or whenever a Figma URL appears alongside .swift files / an .xcodeproj. Routes to a direction-specific reference doc; loads alongside figma-use for the code → design path.
How to install figma-swiftui?
figma/mcp-server-guide/figma-swiftui
$npx -y skills add figma/mcp-server-guide --skill figma-swiftuiInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/figma/mcp-server-guide" --skill "figma/mcp-server-guide/figma-swiftui"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/figma/mcp-server-guide" that are relevant to the current task. Run `npx skills add "https://github.com/figma/mcp-server-guide"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- react-native-skillsReact Native and Expo best practices for building performant mobile apps.Jul 2026
- imagegen-frontend-mobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows.Jul 2026
- firebase-crashlyticsComprehensive guide for Firebase Crashlytics, including provisioning and SDK usage.Jul 2026
- xcode-project-setupSafely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g.Jul 2026
- expo-tailwind-setupFramework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal stylingJul 2026
- expo-dev-clientFramework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing.Jul 2026
