qt-figma-token-extraction
OfficialAutomate design token extraction from Figma and generate QML singletons for Qt projects.
AuthorTheQtCompanyRnD
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of extracting design tokens and text styles from a Figma design system and generates production-ready QML singleton files for a Qt 6 project, reducing manual design system integration efforts.
Core Features & Use Cases
- Figma Token Extraction: Reads color variables, spacing, typography, radii, and shadows from a Figma file using MCP or REST API.
- QML Singleton Generation: Maps Figma tokens to QML property types and generates four QML singleton files for a Qt 6 project.
- Use Case: Use this Skill to easily integrate design tokens from a Figma design system into your Qt project, ensuring consistency across your application.
Quick Start
Run the 'qt-figma-token-extraction' skill to extract tokens from the Figma file and generate the QML singletons for your Qt 6 project.
Dependency Matrix
Required Modules
figma-mcprest-api
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: qt-figma-token-extraction Download link: https://github.com/TheQtCompanyRnD/agent-skills/archive/main.zip#qt-figma-token-extraction Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.