1. React
  2. React Day Berlin
  3. 2019
  4. Figma to React: Efficient Delivery Design to the Code

Figma to React: Efficient Delivery Design to the Code

How to continuously deliver design changes to the react design system?

Zar Zakharov at React Day Berlin 2019

In 2019, product design teams use a design system at the level of a graphic editor. Developers teams move this design system into code using the React component approach. But there is a problem. The final version of the product does not exist. As there is no final iPhone. Product teams work daily on product. But design layouts and components in the code live in different worlds, they need to be updated manually. How to continuously deliver design changes to the react design system? Figma is a new design tool that is gaining popularity. Unlike Sketch, Figma works in the web, the native environment of component design systems. It has an API. Sasha (designer) and Zar (developer) will show how to synchronize design systems from two worlds.