figma-swarm
CommunityBuild UIs from Figma designs at scale.
AuthorEtanHey
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the complex process of translating Figma designs into functional UI components, especially when dealing with multiple screens and shared design elements, reducing manual effort and ensuring consistency.
Core Features & Use Cases
- Screen Decomposition: Breaks down individual Figma screens into their constituent components.
- Component Mapping: Matches extracted Figma components to an existing local component library.
- Shared Component Resolution: Manages conflicts and ensures consistency for components used across multiple screens via a consensus protocol.
- Design Drift Detection: Identifies discrepancies between Figma designs and the built components over time.
- Use Case: When tasked with building a new feature with 10 interconnected screens, this Skill can decompose each screen, identify all unique and shared components, flag missing ones, and coordinate their development across multiple agents.
Quick Start
Use the figma-swarm skill to decompose screens with node IDs 123:456 and 789:012 from Figma file ABCDEFG.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-swarm Download link: https://github.com/EtanHey/golems/archive/main.zip#figma-swarm Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.