# Figma Swiftui

SwiftUI ↔ Figma translation.

- Repository: https://github.com/figma/mcp-server-guide (2138 stars)
- Category: Design
- License: see repository
- Last updated: 2026-10-28
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add figma/mcp-server-guide --skill figma-swiftui -g -a claude-code -y`
Codex: `npx skills add figma/mcp-server-guide --skill figma-swiftui -g -a codex -y`
Cursor: `npx skills add figma/mcp-server-guide --skill figma-swiftui -g -a cursor -y`
Gemini CLI: `npx skills add figma/mcp-server-guide --skill figma-swiftui -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Figma ↔ SwiftUI

Translation between Figma designs and SwiftUI code, both directions. This file is a router, actual guidance lives in the references below.

## Pick the direction

| Direction | Trigger | Reference |
|---|---|---|
| **Design → code** | User wants SwiftUI in their iOS project from a Figma file/frame | [references/design-to-code.md](references/design-to-code.md) |
| **Code → design** | User wants to push SwiftUI views / screens / tokens into a Figma file | [references/code-to-design.md](references/code-to-design.md) |

If the request is ambiguous, a Figma URL and `.swift` files both present, no verb makes it clear, ask the user which direction before loading a reference.

## Shared context (applies to both directions)

These points hold regardless of direction; the direction-specific references assume them.

The rest: https://github.com/figma/mcp-server-guide/blob/HEAD/skills-figquery/figma-swiftui/SKILL.md