kta-compose-design-tokens

You can convert Figma design files into Kotlin Compose design tokens by providing the file URL to this Skill. It processes the design sources and automatically generates a three-layer architecture consisting of primitive, semantic, and component tokens.

Primitive, semantic, and component tokens form a three-layer architecture generated from design sources. This Skill organizes your Figma or Stitch inputs into these distinct token layers to support consistent and themeable Kotlin Compose UIs.

Yes, this tool supports Stitch and Claude Design sources alongside Figma for Kotlin Compose code generation. It accepts various design file formats from these sources to automatically generate code for components based on the extracted tokens.

Yes, you can automatically generate Kotlin Compose component code from design tokens. This Skill translates the extracted primitive, semantic, and component tokens directly into usable UI component code, streamlining Android app development.

Before generating Kotlin Compose design tokens, you need access to your design files (such as a Figma URL) and relevant project configuration. MCP setup is also required to facilitate the conversion process and code generation.