Qt Figma Component Generation

If you're building a Qt app from a Figma design system, this bridges the gap between design tokens and actual QML controls. It assumes you've already extracted tokens (via the companion skill) and have your design system singletons in place. Then it uses Figma MCP to read component definitions one by one and writes production QML files that map variants, states, and sizing to Qt Quick Controls 2 patterns. You pick between inline (everything in one file) or style singleton (split logic and styling) before it generates anything. The skill bundles reference implementations for buttons, text fields, checkboxes, and more, so the output follows idiomatic Qt 6 structure instead of generic component soup. It's process heavy but handles the tedious state mapping work.

Install to Claude Code

npx -y skills add theqtcompanyrnd/agent-skills --skill qt-figma-component-generation --agent claude-code