Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Codex to Figma: Roundtrip between code and canvas through the Figma MCP server

figma's profile picture

Figma

556,721 subscribers

179,484 görüntüleme • 3 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma
3:19

Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma

Figma

3,065,053 görüntüleme • 3 ay önce

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

354,356 görüntüleme • 3 ay önce

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas
0:35

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

Figma

97,894 görüntüleme • 6 gün önce

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon
3:39

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon

Figma

36,846 görüntüleme • 8 ay önce

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.
1:40

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

105,567 görüntüleme • 3 ay önce

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,306,336 görüntüleme • 3 ay önce

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)
0:28

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)

Figma

98,858 görüntüleme • 10 ay önce

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇
1:40

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,001 görüntüleme • 3 ay önce

The Dev Mode MCP server is now easier to connect in Claude Desktop
0:22

The Dev Mode MCP server is now easier to connect in Claude Desktop

Figma

139,938 görüntüleme • 10 ay önce

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI
0:31

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Figma

169,116 görüntüleme • 1 yıl önce

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

48,999 görüntüleme • 2 ay önce

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code
0:29

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

252,707 görüntüleme • 1 yıl önce

Something new is coming to the design canvas
0:50

Something new is coming to the design canvas

Figma

1,019,268 görüntüleme • 8 ay önce

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works
1:01

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

Figma

906,381 görüntüleme • 22 gün önce

Say hello (again) to Figma Weave. Build workflows to create and edit images, video, 3D, and more. As we work on bringing Weave to the Figma canvas, what are some things you want to see?
0:32

Say hello (again) to Figma Weave. Build workflows to create and edit images, video, 3D, and more. As we work on bringing Weave to the Figma canvas, what are some things you want to see?

Figma

324,303 görüntüleme • 2 ay önce

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make
0:40

Introducing connectors, our new MCP client in Figma Make → Connect external tools to create prototypes with full context → Update your connected docs or create tasks directly from Make

Figma

181,332 görüntüleme • 6 ay önce

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025
0:53

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

351,172 görüntüleme • 1 yıl önce

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps
0:20

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps

Figma

211,475 görüntüleme • 1 ay önce

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → Figma Code Snippet Editor More in the thread.
0:20

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → Figma Code Snippet Editor More in the thread.

Figma

47,489 görüntüleme • 2 yıl önce

CMD + G (CTRL + G) your shortcuts. Introducing the Figma Creator Micro. Pre-orders available now →
0:38

CMD + G (CTRL + G) your shortcuts. Introducing the Figma Creator Micro. Pre-orders available now →

Figma

358,479 görüntüleme • 2 yıl önce