Skills
.Work. You
Rest

figma-to-compose

Official

Turn Figma designs into Jetpack Compose code

Design & Creative#automation#compliance#figma#compose#design-to-code#mcp-tools#jetpack
Authorxtone
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the manual, error-prone process of converting Figma designs into production-ready Jetpack Compose code by extracting exact values from Figma via MCP Tools and enforcing strict non-guessing rules.

Core Features & Use Cases

  • Automated Figma-to-Compose generation with verifiable color, typography, and layout fidelity.
  • Built-in vibecode prohibition and a formal compliance report to quantify design-to-code accuracy.
  • Use Case: A design team updates a component in Figma; run this skill to generate updated Compose code and compare against specs.

Quick Start

Use the figma-to-compose skill to generate Jetpack Compose code from a Figma Dev Mode URL without guessing.

Dependency Matrix

Required Modules

None required

Components

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-to-compose
Download link: https://github.com/xtone/ai_development_tools/archive/main.zip#figma-to-compose

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