Back to Plugins
TokToken - Figma Design Token Extractor

TokToken - Figma Design Token Extractor

Empower your Figma workflow with seamless design token extraction and exportation.

figma-to-code

Plugin Preview

TokToken - Figma Design Token Extractor preview

About this plugin

Toktoken is a Figma plugin designed to streamline the extraction of design tokens defined within your Figma design system.


With Toktoken, you can easily extract tokens for colors and typography and export them into a structured JSON format. This plugin enables designers and developers to maintain consistency across design and development workflows by providing a centralized source of truth for design tokens.


Simply select the desired tokens within your Figma project, and Toktoken will generate a JSON file that can be saved locally or uploaded to your github project repository.

Stay tuned for future updates, as we plan to expand the capabilities to include additional design token types.

Plugin Details

Version23
CreatedMay 7, 2024
Last UpdatedJanuary 13, 2025
CategoryImport & export plugins
Creator박성혜-FE
Stats62 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    dev
  • Allowed Domains:
    • https://api.github.com