Streamline your design to code workflow with Figma for VS Code
Figma for VS Code lets you navigate and inspect design files, collaborate with designers, track changes, and speed up implementation - all without leaving your text editor. Improve developer productivity by eliminating the context switching and busy work needed to turn designs into code.
What can you do with Figma for VS Code?
See and respond to comments and activity in real time
No longer worry about missing notifications in Figma. With Figma for VS Code, open live design files in the sidebar and collaborate in real time.
Get code suggestions based on designs
Stay in the flow and more productive than ever before with autocompletions based on the designs you’re actively working in.
Link code files to design components
Help your whole team move faster by keeping your design system and codebase in sync. Quickly navigate and document your codebase in relation to design files and no longer worry about finding existing implementations of components.
Have questions or want more information? Visit our Help Center for full details.
Share feedback and bugs
We’d love your help in improving Figma for VS Code! If you have any feedback or encounter any issues, contact email@example.com.
A note about the beta + legal fine print
Figma for VS Code is available now in beta and free for everyone throughout 2023. The experience is subject to change throughout this period.