Тёмный

How to create pixel-perfect UIs with Storybook & Figma - Varun Vachhar (Config 2023)" 

Figma
Подписаться 552 тыс.
Просмотров 21 тыс.
50% 1

Speaker:
Varun Vachhar - DX Engineer, Chromatic
Converting designs into actual coded UI is like playing a game of telephone. Designer sign-off is critical to catching UI bugs before shipping-but with thousands of possible variants, it becomes overwhelming. Thankfully, there's a better way. Thousands of companies use Storybook to develop components and capture their states as stories. Meanwhile, designers model the exact same states as variants in Figma. Connecting Storybook and Figma lets you speed up design sign-off and ship pixel-perfect UIs with less grunt work. In this talk, Varun will show you how to embed Figma files into Storybook and vice versa so that your code and designs are always available side-by-side.
Please visit config.figma.com/video-on-dem... to view ASL version of this Config 2023 session.
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023

Наука

Опубликовано:

 

24 июн 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@natanwilliams7957
@natanwilliams7957 7 месяцев назад
Great talk! Helped and greatly inspired both me as a developer as my fellow design colleagues! Great work!
@Hillelize
@Hillelize Год назад
Ok. I linked all the components from Figma to Storybooks. (It's not mapping out perfectly because we don't live in a perfect world, there are countless example where this is not working). Now the QA and dev team is aligned. Then what? That's it? That's just a workflow enhancements? What am I missing?
@TravisHi_YT
@TravisHi_YT 10 месяцев назад
Yeah pretty much, it's another way to catch the "this is wrong" before it gets to the production server.
@sebastianmedina5106
@sebastianmedina5106 7 месяцев назад
@@TravisHi_YT good answer
@TravisHi_YT
@TravisHi_YT 10 месяцев назад
Nice presentation, very distracting use of "folks" though, and I wish you emphasised that Chromatic is a paid service, whereas storybook is not.
@alberafzalkhan5
@alberafzalkhan5 Месяц назад
great video but as unfortunate that would be more great if your focus more on the tech side than making accent
@Underhills
@Underhills 11 месяцев назад
Couldn't get the plugin to work, but what's new with Figma 🤣
@Ashtonscreative
@Ashtonscreative 10 месяцев назад
They may need to check their storybook for any issues with storybook! ;)
@miromuller4849
@miromuller4849 10 месяцев назад
What about showing the real use case of this product? I tried chromatic, its useless for me as a designer, and its useless for developers as well.
@blaineschwab7432
@blaineschwab7432 Год назад
Reeeee
Далее
Your next component - Dan Mall (Config 2023)
37:23
Просмотров 30 тыс.
React UI Library Structure, Storybook and Tests
22:50
These Coding Projects Give You An Unfair Advantage
14:39
Купил iPhone 15. Первые эмоции!
0:58
Купил iPhone 15. Первые эмоции!
0:58