Figma MCP to REACT Component: Visual Studio Code, Roo Code, Google Gemini AI

Hello everyone, in this episode, we’re going to create a REACT component using Figma MCP, Visual Studio Code, Roo Code and Google Gemini AI 🤟.

// Chapters
0:00 Intro
0:56 Requirements
1:54 Setup
7:26 Generate
11:50 Refine and Test
17:13 Outro

// Scale Design System
https://scaledesignsystem.com/

// Download the Figma file and starter project here:
https://drive.google.com/file/d/1DexK-x7fv0Q9TmmF3bWr9mAzL6c9WWQQ/view?usp=sharing

// Software used
https://www.figma.com/
https://code.visualstudio.com/
https://roocode.com/
https://ai.google.dev/aistudio

// For updates. follow me on
Twitter: https://twitter.com/deanemachine

#figmamcp #react #ai