{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreib5ribj6qsir3lki4micycgpzcwel7smlnq33huvoux4dw7oarvji",
    "uri": "at://did:plc:6dmfe46c76jjenq3kaxc5eds/app.bsky.feed.post/3mnzl7qwpr5s2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreifqhdruzaseqdqmgmqutrmhele6b7lzi43cfuskyzfqdy34kdoizy"
    },
    "mimeType": "image/png",
    "size": 4794832
  },
  "path": "/blog/introducing-the-agentic-figma-design-extraction-skills",
  "publishedAt": "2026-06-11T04:59:49.000Z",
  "site": "https://www.qt.io",
  "textContent": "  \n\nRecreating a design system manually in QML is a laborious task for a Qt developer. A typical Figma design system can include hundreds of design tokens for colors, typography, spacing, radii, shadows, and motion durations - plus dozens of UI components, each with multiple variants and states. Every value has to be transcribed precisely, and even small mismatches can quietly desynchronize the implementation from the Figma source.\n\nTwo new AI skills close the design-system-to-code gap between Figma and Qt. The Qt Figma Token Extraction skill converts your Figma design tokens directly into QML singletons. The Qt Figma Component Generation skill then turns your Figma component library into idiomatic QML controls that consume those singletons. Together they automate the full design-system handoff. The skills delegate this entire workflow to an AI agent, which connects to Figma, reads the design system, and produces clean, idiomatic QML ready to drop into a Qt project.",
  "title": "Introducing Qt's Figma Design System Extraction Skills for Developers"
}