Loading video...

Video Failed to Load

Go Home

👩‍💻 Bring Figma to VS Code Our new extension for VS Code eliminates context switching and helps you move faster with code suggestions based on your designs. Install to... → Inspect Figma files → Collaborate with designers → Receive notifications in the code editor

figma's profile picture

Figma

550,910 subscribers

130,293 views • 3 years ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

You can now map multiple code files to Figma components in the Code Connect UI
0:19

You can now map multiple code files to Figma components in the Code Connect UI

Figma

75,386 views • 3 months ago

No more copying & pasting code into ChatGPT to ask questions about it! I've created a VS Code extension that lets you select multiple files to include in ChatGPT / GPT-4 context so you'll never have to context switch from your editor. Next step: it'll edit the code for you 😁
0:18

No more copying & pasting code into ChatGPT to ask questions about it! I've created a VS Code extension that lets you select multiple files to include in ChatGPT / GPT-4 context so you'll never have to context switch from your editor. Next step: it'll edit the code for you 😁

YK aka CS Dojo 📺🐦

243,837 views • 2 years ago

Introducing Visual Copilot ✨🧵👇 Convert designs into clean, responsive code with AI: ➡️ Run the Builder Figma plugin ➡️ Convert code to your framework ➡️ Chat to refine the code ➡️ Sync the code to your site or app Learn more:
0:14

Introducing Visual Copilot ✨🧵👇 Convert designs into clean, responsive code with AI: ➡️ Run the Builder Figma plugin ➡️ Convert code to your framework ➡️ Chat to refine the code ➡️ Sync the code to your site or app Learn more:

Builder.io

68,712 views • 2 years ago

🚨Beta alert!! From a Figma link to React in Visual Studio Code Visual Studio Code >Extension here:
0:18

🚨Beta alert!! From a Figma link to React in Visual Studio Code Visual Studio Code >Extension here:

Anima

4,914,170 views • 2 years ago

Wanted to share an experiment with code layers i’ve been working on. Perfect for adding something interactive, creative, or just fun to your site. Code layers is now available in Figma sites!
0:17

Wanted to share an experiment with code layers i’ve been working on. Perfect for adding something interactive, creative, or just fun to your site. Code layers is now available in Figma sites!

Daniela Muntyan

18,393 views • 11 months ago

The new @Figma MCP server is now available in the Windsurf MCP Store! After setting it up (tutorial in video), just paste your Figma links directly into Cascade and it'll turn your designs into code.
0:12

The new @Figma MCP server is now available in the Windsurf MCP Store! After setting it up (tutorial in video), just paste your Figma links directly into Cascade and it'll turn your designs into code.

Windsurf

547,411 views • 8 months ago

🗣️🎙️ You can trigger #Copilot Chat by saying "Hey Code" in the latest Visual Studio Code release. 👉 install VS Code Speech: 👉 install Copilot Chat: Configure via the new "accessibility.voice.keywordActivation" setting. Happy Hey Coding!
0:20

🗣️🎙️ You can trigger #Copilot Chat by saying "Hey Code" in the latest Visual Studio Code release. 👉 install VS Code Speech: 👉 install Copilot Chat: Configure via the new "accessibility.voice.keywordActivation" setting. Happy Hey Coding!

Benjamin Pasero

26,522 views • 2 years ago

GitHub Copilot Chat gets an update with the new Interactive Code Assistant View in Visual Studio, Quick Chat in Visual Studio Code, and an expanded context window to help provide better suggestions! 🥳
0:16

GitHub Copilot Chat gets an update with the new Interactive Code Assistant View in Visual Studio, Quick Chat in Visual Studio Code, and an expanded context window to help provide better suggestions! 🥳

GitHub

225,221 views • 2 years ago

You can now send and receive $PLS instantly with QR code scanning on Comment a picture of your QR code below to receive some PLS!
0:19

You can now send and receive $PLS instantly with QR code scanning on Comment a picture of your QR code below to receive some PLS!

Feine

15,608 views • 1 year ago

We just launched the VS Code Newsletter on LinkedIn! 💙 Explore the latest VS Code features, tips, and workflows. 👉 Subscribe:
0:13

We just launched the VS Code Newsletter on LinkedIn! 💙 Explore the latest VS Code features, tips, and workflows. 👉 Subscribe:

Visual Studio Code

18,344 views • 1 month ago

MATLAB 🤝 VS Code Run MATLAB code in Jupyter Notebooks within VS Code:
0:18

MATLAB 🤝 VS Code Run MATLAB code in Jupyter Notebooks within VS Code:

MATLAB

32,046 views • 1 month ago

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more
0:18

the Shopify AI Toolkit is here manage your store with your favorite agent Claude Code, Codex, Cursor, VS Code, and more

Shopify

3,963,309 views • 2 months ago

Your biggest Figma files shouldn’t take forever to load We’ve made major changes to load files dynamically, instead of all at once. This means up to 33% faster loading and 33% fewer memory issues.
0:18

Your biggest Figma files shouldn’t take forever to load We’ve made major changes to load files dynamically, instead of all at once. This means up to 33% faster loading and 33% fewer memory issues.

Figma

129,975 views • 2 years ago

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 views • 2 months ago

🔥Update on How to get 0.1 sol ($8.6) for free randomly. 💰Reward; 0.1 Sol $8.6 for testing the platform (When you receive your access code). 🏡Umbra Privacy Privacy Waitlist! Umbra Web App access is rolling out. Join the waitlist, receive your access code, and get 0.1 SOL to try private transfers on Solana. How to get Started? ●Click on; Join Waitlist ●Get your access code ●Receive 0.1 SOL ●Test private transfers on Solana Info Once you receive the access code, Here’s what to do: "Check video below" To get Access code? Dm UmbraPrivacy OR Reply “uodl” to be one of a select few winners to receive an access code directly in your DMs in the X post below "
0:16

🔥Update on How to get 0.1 sol ($8.6) for free randomly. 💰Reward; 0.1 Sol $8.6 for testing the platform (When you receive your access code). 🏡Umbra Privacy Privacy Waitlist! Umbra Web App access is rolling out. Join the waitlist, receive your access code, and get 0.1 SOL to try private transfers on Solana. How to get Started? ●Click on; Join Waitlist ●Get your access code ●Receive 0.1 SOL ●Test private transfers on Solana Info Once you receive the access code, Here’s what to do: "Check video below" To get Access code? Dm UmbraPrivacy OR Reply “uodl” to be one of a select few winners to receive an access code directly in your DMs in the X post below "

Mr. Bash 🥷

33,303 views • 13 days ago

I'm excited to share Code Layers are available today in Figma Sites! I'm excited for people to build rich, interactive ideas for their sites either with Code or using AI. Huge shoutout to the team, it was an incredible amount of work and there's more to come!
0:18

I'm excited to share Code Layers are available today in Figma Sites! I'm excited for people to build rich, interactive ideas for their sites either with Code or using AI. Huge shoutout to the team, it was an incredible amount of work and there's more to come!

Daniel Destefanis

39,838 views • 11 months ago

You don't need an extension for renaming HTML tags in VS Code if you enable linked editing. 🔥
0:14

You don't need an extension for renaming HTML tags in VS Code if you enable linked editing. 🔥

matia 🇭🇷

102,025 views • 3 years ago

Cursor - the AI-focused VSCode fork - is mind-blowing. The ability to reference files and documentation endpoints is absolutely insane. You can chat with your code, generate code, even lint code errors! Best of all - you can just add your own OpenAI token.
0:17

Cursor - the AI-focused VSCode fork - is mind-blowing. The ability to reference files and documentation endpoints is absolutely insane. You can chat with your code, generate code, even lint code errors! Best of all - you can just add your own OpenAI token.

Marcel Pociot 🧪

318,268 views • 2 years ago

Claude Code with 90% context window explaining the blatantly wrong code it generated
0:11

Claude Code with 90% context window explaining the blatantly wrong code it generated

sachin.

187,105 views • 3 months ago

We're dropping a brand new Email Editor today! Let me start with my personal favorite update... 1/5: HTML code view 🔥 You can finally paste code, and edit visually on the web editor.
0:11

We're dropping a brand new Email Editor today! Let me start with my personal favorite update... 1/5: HTML code view 🔥 You can finally paste code, and edit visually on the web editor.

Zeno Rocha

21,307 views • 3 months ago