Back to Plugins
TokenOS [BETA]

TokenOS [BETA]

Streamlining Design Token Management. Easily import/export design tokens between Airtable and Figma.

androiddesign tokenscssjetpack composetailwindvariablesairtableangularexportcolorswiftjson

Plugin Preview

TokenOS [BETA] preview

About this plugin

The TokenOS Figma Plugin is a powerful tool designed to streamline the process of managing design tokens within Figma. It allows you to create, edit, and manage tokens directly in your design files, and extends your workflow to incorporate external tools and platforms for an enhanced token management experience.


Features


Import JSON Tokens

The ability to import design tokens directly from a JSON file offers a versatile and efficient way of managing your tokens. This feature enables you to easily transfer tokens between different platforms or import from other design systems, promoting more collaborative and flexible design workflows. Moreover, if you have an existing token set in a JSON format, you can swiftly migrate it into Figma with this feature, saving time and effort.


Airtable Integration

One of the groundbreaking features of the TokenOS Figma Plugin is its seamless integration with Airtable. This integration allows you to manage, edit, and organize your design tokens in a more structured and data-driven manner using Airtable's user-friendly interface. You can create or modify tokens in Airtable, and then directly import them back into Figma. This integration fosters a more dynamic and flexible approach to managing complex design token systems.


How to Use

Accessing these features is straightforward once you've updated to the latest version of the TokenOS plugin. Inside Figma, open the TokenOS plugin interface and choose the 'Import from JSON' option to upload a JSON file containing your design tokens.

For the Airtable integration, you will first need to export your tokens to Airtable using our dedicated Airtable app. Once your tokens are set up and managed in Airtable, you can import them back into Figma using the plugin.


Airtable Extension: GitHub Repository


If you have an issue to report, go to this link

Plugin Details

Version12
CreatedJune 24, 2023
Last UpdatedJuly 24, 2023
CategorySoftware development
CreatorMartin Molcrette
Stats195 installs, 51 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none