Design System with Figma

[Additional Video] Token Studio Version Update

Hello students :)

You all know that the powerful tool called Figma undergoes a major update with new features every June, right?
As new tools are updated, updating the plugins used within them becomes a necessity rather than an option.

The token studio used in the class also underwent a large-scale update from version 1.0 to version 2.0, and the UIs and usage methods have also changed slightly.

The biggest inconvenience is

In the future, color transitions between light and dark modes will have to be checked by directly exporting the colors for each mode 🥹

For easy understanding, I have recorded a video in Section 15.
I think it would be good for those who need it to refer to it.

If this is your first time taking the course, we recommend that you take Section 15 first.

And we are receiving a lot of inquiries about lectures on the Figma tool itself, not just system lectures.
When all of Figma's new features are stably distributed (currently only some features are provided), we are planning a Figma course that explains all of Figma's features, from basics to advanced.

We are aiming to have all the features by the end of the year and are aiming for a lecture this year, but it is expected that it may be delayed if some features are not properly implemented and deployed.

Basics - Figma's basic functions and how to use tools, etc...

Advanced - component-centric design, developer-facing design, prototype enhancement, token usage and maintenance, etc...

thank you :)

Hello students :)

One of the questions I get asked a lot when I teach design system offline classes is, "So what's the benefit of uploading this token to GitHub?"

I created a simple video to show how to build a design system, push design tokens to GitHub, and then get the tokens into the hands of developers to make their work easier.

Since processing design tokens is the developer's job, that part was not included in the video, but since this video shows how they are utilized and reflected in the service, I think it would be helpful for those who have created design tokens to definitely watch it :)

Hello students :)

I made a video on how Figma tokens can be used in other projects.

Try to consistently apply the token you worked on to other projects through export and import :)