Figma Generator
CommunityAuto-create polished Figma assets from diagrams.
Authorfabioeloi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates turning validated Mermaid diagrams into ready-to-use Figma assets, ensuring visual consistency and faster handoff between design and engineering.
Core Features & Use Cases
- Diagram-to-asset generation: Create Figma frames, components, and flows directly from Mermaid diagrams with proper organization.
- Design token application: Apply color, typography, and spacing tokens for a cohesive design system.
- Use Case: Teams producing UI diagrams can automatically generate a shareable Figma file with a navigable page and dev notes.
Quick Start
Use the Figma Generator to convert verified Mermaid diagrams into Figma frames and components within your active file.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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 Generator Download link: https://github.com/fabioeloi/omni-architect/archive/main.zip#figma-generator 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 471,000+ vetted skills library on demand.