Qt Figma Token Extraction
Pull design tokens, text styles, and variables directly from Figma into a structured design-tokens.json and QML Theme singleton. This skill maps Figma variables to Qt types, handles multi-mode systems, and generates production-ready QML files including color primitives, typography scales, and spacing tokens—no manual conversion needed.
Qt Figma Token Extraction extracts design tokens from Figma and generates ready-to-use QML singletons for your Qt project.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-09
Qt Figma Token Extraction extracts design tokens from Figma and generates ready-to-use QML singletons for your Qt project. Pull design tokens, text styles, and variables directly from Figma into a structured design-tokens.json and QML Theme singleton. This skill maps Figma variables to Qt types, handles multi-mode systems, and generates production-ready QML files including color primitives, typography scales, and spacing tokens—no manual conversion needed.
Use it when
- Yes.
- Qt Figma Token Extraction generates production-ready QML files with color primitives, typography scales.
Install
TheQtCompanyRnD/agent-skills/qt-figma-token-extraction · repository language: QML
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I extract tokens from Figma for Qt development?
Qt Figma Token Extraction pulls design tokens, text styles, and variables directly from Figma into a structured design-tokens.json and QML Theme singleton. The skill maps Figma variables to Qt types, handles multi-mode systems, and generates production-ready QML files including color primitives, typography scales, and spacing tokens—eliminating manual conversion work.
Can Qt Figma Token Extraction automate token synchronization?
Yes. Qt Figma Token Extraction automates token synchronization between Figma and Qt projects, keeping your design system in sync without manual updates. The tool handles ongoing design changes and regenerates QML Theme singletons whenever your Figma tokens update, bridging design system workflows from Figma to Qt applications seamlessly.
What does the figma token extraction tool generate for Qt?
Qt Figma Token Extraction generates production-ready QML files with color primitives, typography scales, and spacing tokens extracted from your Figma design system. It creates a design-tokens.json file and QML Theme singleton that map Figma variables directly to Qt types, supporting multi-mode systems without requiring manual conversion.
How does Qt Figma Token Extraction handle multi-mode design systems?
Qt Figma Token Extraction parses and imports Figma design tokens into the Qt framework while respecting multi-mode systems. The skill intelligently maps Figma's variable modes to Qt token structures, ensuring your light, dark, or other design modes translate correctly into QML Theme configurations.
Can I convert Figma tokens to Qt automatically?
Qt Figma Token Extraction automates the entire conversion process. Pull tokens directly from Figma, and the skill converts them to Qt-compatible formats, generating structured design-tokens.json and QML files ready for production use. No manual parsing or transformation steps required.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Extract and convert design tokens from Figma for Qt development”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill transforms Figma components into idiomatic Qt Quick Controls by extracting design metadata via MCP and mapping variants, states, and tokens to QML. It works with two implementation patterns—inline self-contained components or style singletons for multi-theme support—and requires the design-tokens.json output from the token-extraction skill.
Qt UI Design guides you through building interfaces for Qt/QML projects across desktop, web, and embedded platforms. It walks you through target platform, screen geometry, design system selection, and content hierarchy before you start, then applies established UX principles—layout, typography, motion, and interaction patterns—to keep your design coherent and usable.
This skill streamlines the design-to-code workflow by connecting directly to Figma, extracting design tokens and component patterns, then auditing your codebase for alignment. It generates phased implementation plans with task breakdowns and acceptance criteria, cutting handoff time from hours to minutes.
Qt Cmake Project helps you create and maintain Qt 6 projects using CMake, handling executable targets, libraries, QML modules, and resource configuration. It enforces modern CMake best practices and Qt 6 conventions to prevent common build mistakes.
Qt Cpp Docs produces structured Markdown reference documentation for any C++ file in a Qt project—Qt classes with signals and slots, plain C++ utilities, free-function headers, and application startup files. It reads headers and related project files to create developer-friendly API references that explain each class's role, dependencies, and public interface.
Qt Qml enforces structural and stylistic conventions for QML development, covering file organization, import scoping, control selection, component loading, binding patterns, and layout management. Apply it when producing or examining QML source code—not for conceptual questions alone. The skill guides you toward cleaner, more maintainable UI code by flagging violations silently during reviews and keeping generated code concise and rule-aligned.
More skills Qt Qml Profiler (NOASSERTION) · Qt Qml Test Run (NOASSERTION) · Figma (unlicensed) · Qt Qml Docs (NOASSERTION) · Qt Qml Review (NOASSERTION) · Figma (unlicensed) · design-context-extract (MIT) · Qt Qml Test (NOASSERTION)