Back to Plugins
Knapsack

Knapsack

Synchronize Figma Vars with coded Design Tokens in Knapsack

design tokensknapsacktokensvariablesdesign system

Plugin Preview

Knapsack preview

About this plugin

Export Figma Vars in a format that can be imported into a Knapsack Workspace as Design Tokens and CSS. Collections & Modes are preserved and allow many theming possibilities in your design system's coded components.


  1. An existing Knapsack workspace is required
  2. Currently only export from Figma Vars to Knapsack Design Tokens is supported - with the other direction coming in a future update


For support, reach out to help at knapsack dot cloud

Plugin Details

Version4
CreatedJuly 1, 2024
Last UpdatedMarch 13, 2025
CategoryImport & export plugins
CreatorEvan Lovely
Stats14 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none