figma-swiftui

Community

Seamless SwiftUI & Figma design translation

AuthorKushal9889
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill facilitates the translation between Figma designs and SwiftUI code, enhancing the efficiency of iOS app development by streamlining the design to code conversion process.

Core Features & Use Cases

  • SwiftUI Code Generation: Convert Figma designs into SwiftUI code, enabling the creation of UI components and screens.
  • Design-to-Code: Translate Figma designs into SwiftUI code with support for both code-to-design and design-to-code paths.
  • Use Case: When a designer provides a Figma design for a new feature, this Skill can translate it into the corresponding SwiftUI code, allowing developers to implement the feature more quickly.

Quick Start

Run the 'figma-swiftui' skill with the Figma file URL and specify the direction of translation: run figma-swiftui --url "https://www.figma.com/file/0123456789ABCDEF?node-id=12345" --direction design-to-code.

Dependency Matrix

Required Modules

figmaswiftui

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: figma-swiftui
Download link: https://github.com/Kushal9889/claude-plugins/archive/main.zip#figma-swiftui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.