CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-swiftui

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.

76

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is figma-swiftui in figma/mcp-server-guide

SKILL.md
Quality
Evals
Security

Quality

Content

93%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-architected router: concise, dense with concrete actionable mappings, clearly sequenced with an explicit ambiguity checkpoint, and cleanly splitting detail into one-level-deep reference files that all exist. The only minor gap is that validation for the destructive code→design Figma writes lives in companion skills rather than being summarized here.

DimensionReasoningScore

Conciseness

Lean router that assumes Claude's competence — it never explains what Figma or SwiftUI is, and the six shared-context points are dense with concrete mappings, tool args, and API names where every token earns its place.

5 / 5

Actionability

Highly actionable for an instruction/router skill: exact tool args ('clientLanguages: "swift"', 'clientFrameworks: "swiftui"'), a concrete URL-parsing algorithm (fileKey, replace '-' with ':' in nodeId), exact API call ('figma.util.getSfSymbolCharacter(name)'), and explicit token→SwiftUI color mappings.

5 / 5

Workflow Clarity

Clear sequence — pick direction, resolve ambiguity by asking the user (explicit checkpoint), load shared context, then route to the direction-specific reference and named companion skills — with validation for the destructive code→design write delegated to explicitly named companion skills (figma-generate-design / figma-generate-library) rather than restated here.

4 / 5

Progressive Disclosure

Exemplary one-level-deep structure: the body is a concise overview/router, with both referenced docs (references/design-to-code.md, references/code-to-design.md) present as real files and clearly signaled in two navigation tables.

5 / 5

Total

19

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A precise, comprehensive description that explicitly states both what the skill does (bidirectional SwiftUI ↔ Figma translation) and exactly when to invoke it, with natural trigger phrases and file-extension signals. Voice is appropriately third-person and there is no vague fluff.

DimensionReasoningScore

Specificity

Names concrete actions in both directions — 'translating a Figma design into SwiftUI (design → code)' and 'pushing SwiftUI views / screens / tokens back into a Figma file (code → design)' — with multiple specific object types, giving comprehensive coverage of its niche.

5 / 5

Completeness

Explicitly answers both what ('SwiftUI ↔ Figma translation ... in EITHER direction') and when ('Use whenever the user mentions ... Triggers on phrases like ... or whenever a Figma URL appears alongside .swift files / an .xcodeproj').

5 / 5

Trigger Term Quality

Comprehensive natural terms and synonyms — 'Swift, SwiftUI, iOS, iPhone, or iPad', full trigger phrases like 'implement this Figma design in SwiftUI', plus file extensions '.swift' / '.xcodeproj' and 'Figma URL'.

5 / 5

Distinctiveness Conflict Risk

Clear niche (SwiftUI ↔ Figma translation) with highly specific combined triggers (Figma URL + .swift / .xcodeproj, SwiftUI/Swift/iOS mentions) that minimize overlap with other skills.

5 / 5

Total

20

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 3 suspicious

Warning

Total

15

/

16

Passed

Repository
openai/plugins
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.