figma-to-compose

Generate Android Jetpack Compose UI from Figma using Figma Desktop MCP (get_metadata, get_variable_defs, create_design_system_rules, get_design_context, get_screenshot). Automatically detect icon/vector nodes in Figma, obtain SVG/path data when available, and convert icons to Android VectorDrawable XML using Android MCP Toolkit (convert-svg-to-android-drawable). Use when the user shares a Figma link/node-id and asks to implement UI in Compose from Figma.

$ Instalar

git clone https://github.com/Nam0101/my-claude-agent-skill /tmp/my-claude-agent-skill && cp -r /tmp/my-claude-agent-skill/figma-to-compose ~/.claude/skills/my-claude-agent-skill

// tip: Run this command in your terminal to install the skill