Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

figma's profile picture

Figma

556,721 subscribers

179,484 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 3 Monaten

> 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 Aufrufe • vor 3 Monaten

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

95,749 Aufrufe • vor 5 Tagen

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 3 Monaten

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,140 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

Something new is coming to the design canvas
0:50

Something new is coming to the design canvas

Figma

1,019,245 Aufrufe • vor 8 Monaten

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

905,944 Aufrufe • vor 21 Tagen

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren