Join the Webstudio community

Updated last year

Design systems

At a glance

The community member who posted the original post is congratulating their team for the good work they have done in starting to build a design system, and they found the Figma and Storybook of Webstudio helpful in providing direction and ideas.

The comments discuss the potential benefits of building the design system directly in Webstudio, rather than using Figma and Storybook. Some community members suggest that this would allow designers to work with the same components used in production, which can have different behavior and rendering compared to Figma. They also mention the challenge of keeping Figma and code in sync. The comments suggest that building the design system in Webstudio could allow developers to focus on logic and provide the underlying components, while designers focus on styling.

I just want to congratulate the team for the good work. We just started building our design system and the Figma and Storybook of Webstudio gave us some good direction and ideas.
O
D
7 comments
Hopefully this year you will be able to ditch figma and storybook and build the design system directly in Webstudio
Even if you use your own custom components
@Oleg Isonen, sounds interesting, what will be the benefit of this compared to the current scenario? I am a developer, so not expert in the topic πŸ™‚
  1. your designers on the team can't actually work with the same components that are used in production, they have different behavior an rendering often differs in many subtle ways (even colors are different betwen figma and chrome)
  1. you need to keep figma and code in sync all the time. We are using figma design tokens, which makes it easier, but it's an uphill battle to keep all things in sync, we still have quite some divergence in naming and more
As a developer you will be able to focus on logic, providing the underyling components without styling.
As a designer you will be focused on styling.
As a designer you can also compose entire feature or page directly in webstudio, using the same production components.
Add a reply
Sign up and join the conversation on Discord