Qt Figma Token Extraction
by TheQtCompanyRnD71d6c10da78bLicenseRef-Qt-Commercial OR BSD-3-ClauseListed Oct 8, 2026Updated Oct 8, 2026
Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons. Use this skill whenever someone wants to pull their design system out of Figma — whether they say "export tokens from Figma", "get design tokens", "set up my design system", "read our Figma design system", "get Figma variables into QML", "pull our color palette from Figma", "import design tokens", "extract colors/typography/spacing from Figma", or similar. Trigger this skill at the start of any design-system workflow that involves a Figma source.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| examples/FontInterface.qml | 3.1 KB | text/plain |
| examples/Primitives.qml | 2.9 KB | text/plain |
| examples/Spacing.qml | 3.4 KB | text/plain |
| examples/Theme.qml | 5.1 KB | text/plain |
| examples/Typography.qml | 2.9 KB | text/plain |
| README.md | 3.3 KB | text/markdown |
| references/token-mapping.md | 5.5 KB | text/markdown |
| SKILL.md | 28.9 KB | text/markdown |
Source and attribution
Source:TheQtCompanyRnD/agent-skillsinskills/qt-figma-token-extractionat commit71d6c10
License: LicenseRef-Qt-Commercial OR BSD-3-Clause
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from TheQtCompanyRnD/agent-skills
Qt Ui Design
TheQtCompanyRnD
Guides UI and UX design or audits for Qt/QML, web, and embedded targets using design principles and WCAG checks.
Qt Qml Test
TheQtCompanyRnD
Generates Qt Quick Test QML unit test files for QML components.
Qt Qml Profiler
TheQtCompanyRnD
Use when the user is investigating QML / Qt Quick performance — both vague complaints ("the UI feels laggy", "this is slow", "frames are dropping", "the app stutters") and explicit asks to profile, find hotspots, or optimize bindings, signals, or rendering. Runs qmlprofiler on a 2D QML application, parses the .qtd trace, and analyzes hotspots against the source with frame-time, memory, and pixmap-cache summaries. Does NOT cover Qt Quick 3D.
Qt Qml Docs
TheQtCompanyRnD
Generates standalone Markdown reference documentation for QML components and applications. Use this skill whenever you want to document QML files, create API reference docs for a QML component or module, document a Qt Quick application, or produce developer-facing documentation from .qml source code. Triggers on: "document this QML", "write docs for my QML", "create reference docs", "document QML component", "QML API docs", "document my Qt Quick component", "document my Qt app", or any time one or more .qml files are provided and documentation is needed. Works with single files, pasted code, or entire project folders. DO NOT use if the user asks for QDoc format output.
Qt Qml
TheQtCompanyRnD
Applies QML best practices when producing or working with QML source code. Use whenever QML code is the primary subject: writing, reviewing, fixing, refactoring, optimizing, or debugging QML files, components, or bindings. Do NOT trigger for purely conversational QML questions where no code is produced or examined (e.g. "explain how anchors work").
Qt Figma Component Generation
TheQtCompanyRnD
Generates production-ready QML controls from Figma design-system components via Figma MCP, mapping variants, states and tokens.
More in Design & Creative
Theme Factory
anthropics
Offers 10 preset color-and-font themes, plus custom theme generation, for styling slide decks, documents, reports and HTML pages.
Slack Gif Creator
anthropics
Creates animated GIFs sized and optimized for Slack, with PIL drawing helpers, easing and validation utilities.
Frontend Design
anthropics
Guidance for distinctive, intentional visual design when building or reshaping a user interface.
Canvas Design
anthropics
Creates original visual art as PNG or PDF from a written design philosophy, for posters, artworks and other static pieces.
Brand Guidelines
anthropics
Applies Anthropic's official brand colors and typography to artifacts that should carry the Anthropic look-and-feel.
Frontend Design
anthropics
Guides an agent through distinctive, intentional visual design for new or redesigned user interfaces.