$npx skillfedfor your agent

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

322 34 unlicensed, metadata onlyupdated by TheQtCompanyRnD

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.

manual: git clone https://github.com/TheQtCompanyRnD/agent-skills → cp -r agent-skills ~/.claude/skills/qt-figma-token-extraction
Same gist for agents: .md · .json

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

Qt Figma Component Generation
by TheQtCompanyRnD · TheQtCompanyRnD/agent-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.

no license declared → metadata onlyupdated Jul 2026
★ 322repo stars
Qt Ui Design
by TheQtCompanyRnD · TheQtCompanyRnD/agent-skills

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.

no license declared → metadata onlyupdated Jul 2026
★ 322repo stars
Product Design
by alekspetrov · alekspetrov/navigator

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.

no license declared → metadata onlyupdated Jul 2026
★ 196repo stars
Qt Cmake Project
by TheQtCompanyRnD · TheQtCompanyRnD/agent-skills

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.

no license declared → metadata onlyupdated Jul 2026
★ 322repo stars
Qt Cpp Docs
by TheQtCompanyRnD · TheQtCompanyRnD/agent-skills

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.

no license declared → metadata onlyupdated Jul 2026
★ 322repo stars
Qt Qml
by TheQtCompanyRnD · TheQtCompanyRnD/agent-skills

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.

no license declared → metadata onlyupdated Jul 2026
★ 322repo stars

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)

Tags
design-system-automationtoken-extractionfigma-integrationqt-frameworkdesign-toolingtoken-managementcross-platform-designworkflow-automation