Hi, thanks for the cool video. May I ask why we need to integrate Figma to Storybook? I guess that it's simple to know when Figma design changing, then developers could see the changing immediately. And the edit logs can record what is changed, then developers take action to edit the code in project. Just want to confirm the goal and usage. Thank you.
Can someone answer, please? Why do we need to integrate Figma into Storybook even though we can directly extract fonts, colors, and elements from Figma?
You already mentioned some good points. Another point would be that in a Figma file with lots of pages and components, for example in a company like Google, It might be hard to find some components and so having storybook and Figma will be easier Basically, it's for ease of use for the developers
I am using Storybook v7.6.7 and I followed the step but he showed the error "Please call `__updateTree/1` method with a valid parameter." Can you please help
Trying to get this to work with react ts + vite and looks like like the decorators.tsx is missing from .storybook as well as no ../src/styles/ for importaning in GlobalStyles. Not sure how to complete the addon now.
Can someone answer, please? Why do we need to integrate Figma into Storybook even though we can directly extract fonts, colors, and elements from Figma?
Hi, thanks for the cool video.
May I ask why we need to integrate Figma to Storybook?
I guess that it's simple to know when Figma design changing, then developers could see the changing immediately.
And the edit logs can record what is changed, then developers take action to edit the code in project.
Just want to confirm the goal and usage. Thank you.
Can someone answer, please? Why do we need to integrate Figma into Storybook even though we can directly extract fonts, colors, and elements from Figma?
You already mentioned some good points. Another point would be that in a Figma file with lots of pages and components, for example in a company like Google, It might be hard to find some components and so having storybook and Figma will be easier
Basically, it's for ease of use for the developers
I am using Storybook v7.6.7 and I followed the step but he showed the error "Please call `__updateTree/1` method with a valid parameter." Can you please help
I also have this problem, you haven't solved it yet
@@HaiTran-vg7bj Change api key permissions :) You're Welcome.
Great work . I learned what all this is about and understood it too. Many thanks
This is awesome! Thanks for sharing this!
This is perfect! thank you
I see the color values as #hex, does this also show variables?
Trying to get this to work with react ts + vite and looks like like the decorators.tsx is missing from .storybook as well as no ../src/styles/ for importaning in GlobalStyles. Not sure how to complete the addon now.
I think this guide might be outdated by now. :(
it works with storybook v6.5 but doesn't work with storybook v7? Any help appreciate please.
in the docs theres "To install v7 beta, use below command instead" try using that it works for me.
isn't the output of this whole operation is the same as what developer get from Figma's 'Dev mode'?
wow I am new to this thanks
You’re welcome 😊
Great Thanks
dope!
There is a highlight+fade animation while you edit a line in VSCode. I like it. Is it an addon? Which one?
me too like it. Please share info
Actually, it's just video highlighting magic.
That's amazing 😍
Thank you! We are glad you enjoyed this.
Can someone answer, please?
Why do we need to integrate Figma into Storybook even though we can directly extract fonts, colors, and elements from Figma?
You don’t…