Install Plugin For
Design System Manager
Design Tokens, Theme Management and more...
Define or update design tokens in one single panel, right from Figma.
And, immediately see the changes cascading through your Figma design.
Explore common DSM features not specific to Figma Plugin.
Manage Figma Styles with DSM Plugin
Selected Figma items are
grouped by their styles
and listed in the
of the plugin.
distinct style group
, you can apply following actions to Figma items having this style :
Create and attach to
for each single style
Select and attach to an
selected items with this style.
You can try and see them in action with
demo screens below.
Use Real Content in your designs
You can easily populate your design with real data from
tab of DSM plugin.
When you click a data field on the plugin, all selected Figma layer items will be filled with relevant
text or image data
You can also create custom data collections to be used as real content.
Experiment with the interactive
demo canvas below to see it in action:
Programmatically access to design tokens from
in documentation to export design tokens in various formats, e.g.
CSS, Less, Sass, JSON, YAML, Js, Swift or Android.
You can also define your custom format using
Built-in Document Designer
Build your design system documents with an
easy to use editor
Enhanced with design systems related
Install Plugin to Figma
Copyright © 2020 Toolabs Company. All Rights Reserved.