Design System Manager
#tokens & #components driven
Design, Prototype, Document and Development Platform
Augmented Fourth 1.414
Single Source of Design Tokens
Visual Token Editors
All token types in one single panel, right under your hands.
Immediately see the changes cascading through whole design system.
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 multiple variations of our designs.
Dividing variations into distinct sets results n-ary Cartesian product and all possible permutations.
Harmonic Consistency with Modular Scales
Typescales, spacings and motion duration tokens are auto-generated in harmony with the selected modular scale.
With modular timing, ease and transition tokens, motion is included in your your design system from day one!
More Design Token Types
Design tokens are not limited by colors, typography, motion or spacing, but include
- Borders and Radii
- Visual Effect Filters
- Microcopy, which is adabtable to voice and tone or is multilingual with help of system states.
Finally, Semantic Token Aliases let you build a level of abstraction upon design tokens.
Programmatically access to design tokens from GraphQL API, or
Use Export Widgets 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 handlebars
First Design Tool with Responsive Pan & Zoom Canvas
Toolabs has an infinite pan & zoom canvas like Figma, Adobe Xd and Sketch.
But it is also responsive like your browser! (Coming soon...)
Built-in Document Designer
Build your design system documents with an easy to use editor like Medium.com.
Enhanced with design systems related customizable widgets!
Notes & Roadmap
We are working on building the Learn Center which will include documentation and tutorials.
Until then, please ask us anything from 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 design system synchronously.
Release date will be announced soon.
Will be announced soon but we plan to provide both free and paid plans.