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

Video Description

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 https://config.figma.com/video-on-demand/6329938984112 to view ASL version of this Config 2023 session. Figma is free to use. Sign up here: https://bit.ly/3msp0OV ____________________________________________________ Find us on ⬇️ Twitter: https://twitter.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma Figma forum: https://forum.figma.com/ ____________________________________________________ #Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #Config2023