Toolabs

#tokens and #components based Design System Manager

[Toolabs @ToolabsLive]

Announcing Toolabs DSM (Design System Manager) Plugin for @figmadesign!

➥ Create and export themeable #designtokens,
➥ Manage selected layers grouped by styles,
➥ Use real-content, and more...

https://t.co/gnac1gRB7k

@FigmaPlugins

[Namik Ozgur Aydin @applinist]

I'm thrilled to be part of the amazing @SemantticAI team/project/journey, drawing upon my valuable experience from building @ToolabsLive and learning a lot from its users.

Exciting times ahead!

[Toolabs @ToolabsLive]

We are very happy to be mentioned by @NearForm as their top pick tool for managing #designtokens

[Nearform @nearform]

Design tokens can be the ultimate standard for scaling your product design ecosystem for large-scale delivery processes.https://t.co/U87FUJVamz
#design #figma #designtokens

[Toolabs @ToolabsLive]

@MamoonTayih Thank you @MamoonTayih , happy to hear that you loved our tool. You are right that REM values are missing for text style exports. But it will be possible with the next release (in a few days) for custom defined export templates. Will let you know when ready!

[Toolabs @ToolabsLive]

@nilo_design Thank you Kevin, we are still working on development of the tool. Your feedback will help a lot!

[Toolabs @ToolabsLive]

@1stfloor @sketch @figmadesign @AdobeXD Hi, thanks for asking! We are working on the sketch plugin, will let you know when ready :)

[Toolabs @ToolabsLive]

According to Val Head @vlh (Senior Design Advocate @Adobe, author, and web animation expert), the reason why motion is generally left out of #designsystems is not knowing or being sure how to include it.

See how to include motion elements from day one👉 https://t.co/BeGWbeJ6WP

[Namik Ozgur Aydin @applinist]

The new documentation site of Toolabs DSM includes links to #designsystems resources at the end of each section for further reading.

At the top of the list is the series of articles by @nathanacurtis

Check the whole list 👉https://t.co/Hd8cqgrrqD

@ToolabsLive

[Namik Ozgur Aydin @applinist]

The new documentation site of Toolabs DSM includes a list of resources at the end of each section for further reading.

One of them is "Design Systems" book by Alla Kholmatova @craftui

👉https://t.co/AtQLRULhIQ

👉https://t.co/aLloLGYmAj

@ToolabsLive

[Namik Ozgur Aydin @applinist]

A quote from Andrew Couldwell in my article on documenting #designsystems:

“A simple style guide is like a diagram of all the elements that make up a piece of IKEA furniture without the instructions telling you how to assemble them.”
@andrewcouldwell

https://t.co/eFjNySqNF0

[Erika Desangle @ErikaDesangle]

Hands on Design System Documentation — Part 1: Basics by @applinist https://t.co/hqC2FLp0IS

[Namik Ozgur Aydin @applinist]

Microcopy is one of the most important elements of UI and UX design but generally left out of #designsystems, like sounds and animation.

I tried to show how useful #designtokens are for managing localization with Toolabs DSM.

@ToolabsLive

https://t.co/LqlPbg2rZ7

[Toolabs @ToolabsLive]

@figmadesign @asana Hey @figmadesign!

Just want you to know that we have recently used Figma Live Embed in Toolabs DSM as well.

You made it so easy to add real-time designs & prototypes into our #designsystems documents!

➡️https://t.co/nosthDhZtp

[Toolabs @ToolabsLive]

If you are new to #designtokens, have a look at this quick explainer from @piccalilli_ and then play with them in Toolabs Design System Manager, or with our plugins for @figmadesign and @AdobeXD

https://t.co/BBfcYNz8S8

[Toolabs @ToolabsLive]

Auto Layout Projects Figma community file by @pablostanley has lots of UI patterns that you can experiment with Auto Layout tokens.

https://t.co/2uwINkFKq6

[Toolabs @ToolabsLive]

We updated Toolabs DSM Auto Layout Tokens according to the latest @figmadesign Auto Layout features.

And more, with this update, you can control paddings and item spacings of layouts with Space Tokens😉

[Toolabs @ToolabsLive]

With Figma Live Embed, you can
add real-time @figmadesign designs & prototypes
to #designsystems documents only in seconds!

https://t.co/WsgeLPqoNh

[Toolabs @ToolabsLive]

Thank you @kat_wlodarczyk for mentioning Toolabs DSM @FigmaPlugins for @figmadesign in her list of Figma plugins blog.

Check it out for other plugins listed :

https://t.co/u52z8VEgef

[Toolabs @ToolabsLive]

Saluto Leonardo Fibonacci , always inspired by your work when scaling typography, motion and spacing #designtokens in our #designsystems!

And thank you @figmadesign for reminding us of the World Fibonacci Day!

[Figma @figma]

Happy World Fibonacci Day! Big shoutout to the man Leonardo Bonacci for his groundbreaking work in helping us justify literally any design decision.

[ak @asgerkrause]

For all interface designers or there → You need to check out @toolabslive, if you want to optimize your workflow in Adobe XD and Figma.

https://t.co/O6G05LuAM9

[Product Hunt 😸 @ProductHunt]

A @figmadesign plugin to document your design system
https://t.co/mPwwN6dOQ5