The New Figma Workflow - Code to Design & Vice Versa
37K views · 2026-03-25
UI Design
Build a SaaS with Claude: https://designcourse.com/app/course/claude-code-ai-saas (Take now)
-- Yesterday, March 24, Figma released a big update that now allows you to go from Code to Design. Why would you want that? Well, you can start off a project in code, validate the idea will even work, and then import a 1:1 re-creation of the layout that AI produced into Figma, make your design changes, and then integrate those changes in Figma *back into* your code based. This creates a loop from code to design, and then design to code.
https://developers.figma.com/docs/figma-mcp-server/remote-server-installation
Let's get started
#figma #ai #ui
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
-- Yesterday, March 24, Figma released a big update that now allows you to go from Code to Design. Why would you want that? Well, you can start off a project in code, validate the idea will even work, and then import a 1:1 re-creation of the layout that AI produced into Figma, make your design changes, and then integrate those changes in Figma *back into* your code based. This creates a loop from code to design, and then design to code.
https://developers.figma.com/docs/figma-mcp-server/remote-server-installation
Let's get started
#figma #ai #ui
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!