Skills
.Work. You
Rest

omni-figma

Community

Coordinate Figma-driven workflow end-to-end

Design & Creative#figma#mcp#design-to-code#ui-implementation#code-connect#figjam
Authordiegosouzapw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates and standardizes Figma-to-repo handoffs by routing design context into implementation-ready outputs.

Core Features & Use Cases

  • Design-to-code routing: translate Figma frames into repository components, tokens, and mapping rules that align with the project conventions.
  • Token lookup and Code Connect: perform variable inspection and mapping to existing code assets to minimize duplication.
  • MCP setup and troubleshooting: provide structured guidance and references to configure MCP channels and resolve access issues.

Quick Start

Start from the smallest node, fetch context, and translate it into repo-ready assets and tokens.

Dependency Matrix

Required Modules

None required

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: omni-figma
Download link: https://github.com/diegosouzapw/omni-skills/archive/main.zip#omni-figma

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 471,000+ vetted skills library on demand.