story.to.design is a Figma plugin that transforms and imports coded components into Figma. - Works with any framework - Sync components when stories change - Simulate states - Only sync visual updates - Components properties variants supported
@daniel_tch And it does start at design! But Figma libraries of components are reusable elements that are expensive to maintain. You can have way more variants and true-to-code variants with minimal effort. More time to design magical experiences with these atomic elements.
@georges_gomes@daniel_tch Indeed Daniel, designers (like me) tend to define how components look and behave first, but once it gets coded the end product really only uses the code part... It's such a hassle now a days to keep the designer resources in parity with code... I'm excited this plugin eliminates all the double work...
Report
This is an interesting problem that we face at the start of a new project. Congrats on the launch
@abhishek1846 I often find myself in the same issue, specially if I start in a project with a lot of developers already working on it. With this plugin is so much easier to get on the same speed as them because I don't have to waste weeks just trying to catch up on the component library...
Report
I like how easy it is to import and update components with a few clicks
@svorklab Can you imagine how much time this will save all the designers out there that have to maintain the library by hand? Gotta love automation, right 😉❤️
html.to.design
figma.to.website
html.to.design
Blocks
figma.to.website
html.to.design
html.to.design
html.to.design
figma.to.website
html.to.design
Dashblock
figma.to.website
html.to.design
kickstartDS
figma.to.website
Jitter
figma.to.website