Design System Manager
Design, Prototype, Document and Development Platform
Single Source of
Visual Token Editors
All token types in one single panel, right under your hands.
Immediately see the changes cascading through whole design system.
DSM Panel on the left is interactive!
If you change the primary color, or switch theme state, you will see that primary palette below with tints and shades changing as well.
Themeable with System States
States are not limited to only color themes but might be for fast / slow transitions, multilingual copy text or even for different versions of your design.
States let us easily manage
of design tokens and scale our design system.
Dividing variations into distinct sets results
n-ary Cartesian product
and all possible permutations.
Switch Dark Mode
Harmonic Consistency with Modular Scales
Typescales, spacings and motion duration
tokens are auto-generated in harmony with the selected modular scale.
timing, ease and transition tokens,
motion is included in your your design system from day one!
cubic-bezier(0.42, 0, 1, 1)
cubic-bezier(0, 0, 0.58, 1)
cubic-bezier(0.42, 0, 0.58, 1)
More Design Token Types
Design tokens are not limited by colors, typography, motion or spacing, but include
Borders and Radii
Visual Effect Filters
, which is adabtable to
voice and tone
with help of system states.
Semantic Token Aliases
let you build a level of abstraction upon design tokens.
coming soon, everyone in the team can work
on the same design system project and see everyone's changes instantly.
The design system being the
in your workflow, each member of the team can work either from the
Toolabs web application
at the same time.
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
First Design Tool with
Pan & Zoom Canvas
Toolabs has an infinite pan & zoom canvas like Figma, Adobe Xd and Sketch.
But it is also responsive like your
Built-in Document Designer
Build your design system documents with an
easy to use editor
Enhanced with design systems related
Toolabs is Supported by
One Year of the Adobe Fund for Design: Supporting, Uplifting and Empowering Innovators in the Creative Community
Notes & Roadmap
We are working on building the
which will include documentation and tutorials.
If it does not help, please ask us anything from the support chat.
With the release of team mode, you will be able to share your design systems with team members. All the editors, plugins and DSM Web, will access the same design system synchronously.
Apply for Early Access
It will be announced soon. We plan to provide both free and paid subscription plans.
Copyright © 2021 Toolabs Company. All Rights Reserved.