Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

557,297 subscribers

211,475 views • 1 month ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Mermaid code to FigJam diagram pipeline

Mermaid code to FigJam diagram pipeline

Figma

25,213 views • 8 months ago

Little Big Updates are here… and they're BIG. Introducing 30+ new quality-of-life updates for Figma and FigJam to help improve your workflow. Hint: You’re definitely going to want to check out the full thread 😉

Little Big Updates are here… and they're BIG. Introducing 30+ new quality-of-life updates for Figma and FigJam to help improve your workflow. Hint: You’re definitely going to want to check out the full thread 😉

Figma

701,957 views • 3 years ago

(1/2) Introducing annotations in Mixboard! With the annotations tool, you can doodle directly on your board to add or edit elements. Just mark the area, describe it, and watch it appear.

(1/2) Introducing annotations in Mixboard! With the annotations tool, you can doodle directly on your board to add or edit elements. Just mark the area, describe it, and watch it appear.

Google Labs

60,505 views • 7 months ago

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

390,817 views • 14 days ago

Release Notes, EP-007 → Take your vibe-coded prototypes further in Figma → Connect design systems to code → Ship your best idea fast MAY 5, 9AM PT | 12PM ET

Release Notes, EP-007 → Take your vibe-coded prototypes further in Figma → Connect design systems to code → Ship your best idea fast MAY 5, 9AM PT | 12PM ET

Figma

72,231 views • 1 month ago

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Show don’t tell Now you can embed Figma Make prototypes in Figma Design, Figma Slides, and FigJam. Rolling out this week.

Figma

99,059 views • 4 months ago

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

Figma

17,846,458 views • 2 months ago

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,042 views • 2 months ago

Hey ChatGPT, can you diagram this in FigJam?

Hey ChatGPT, can you diagram this in FigJam?

Figma

946,315 views • 8 months ago

this is wild turns out the best part of Figma MCP is that the agents are really good at FigJam now when I plan work with the agents, I get ✨ collaborative ✨ diagrams that are easy to read, easy to share, and easy to edit

this is wild turns out the best part of Figma MCP is that the agents are really good at FigJam now when I plan work with the agents, I get ✨ collaborative ✨ diagrams that are easy to read, easy to share, and easy to edit

Amelia Wattenberger 🪷

15,196 views • 3 months ago

FigJam diagramming is now available in Claude, and to show you we’re going to settle the “feature or bug” debate once and for all

FigJam diagramming is now available in Claude, and to show you we’re going to settle the “feature or bug” debate once and for all

Figma

330,101 views • 4 months ago

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

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

Figma

179,484 views • 3 months ago

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Figma

34,917 views • 2 months ago

👋 Say hello to #Jambot, a new way to interact visually with ChatGPT in FigJam. Use Jambot to: → Create visual mindmaps with AI → Take a multi-threaded approach to brainstorming → Generate ideas with teammates and ChatGPT in the same canvas Get started >>

👋 Say hello to #Jambot, a new way to interact visually with ChatGPT in FigJam. Use Jambot to: → Create visual mindmaps with AI → Take a multi-threaded approach to brainstorming → Generate ideas with teammates and ChatGPT in the same canvas Get started >>

Figma

388,324 views • 2 years ago

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.

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,369 views • 3 months ago

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

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 views • 6 months ago

And the newest FigJam emoji stamp is...

And the newest FigJam emoji stamp is...

Figma

85,667 views • 4 months ago

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

do you understand what just shipped? → AI agents can now design directly on Figma’s canvas. not cheesy mockups… or lame screenshots… real native Figma assets wired to your actual design system → the use_figma MCP tool lets Claude Code, Codex, Cursor, and 6 other coding agents write directly to your Figma files → agents read your component library first and build with what already exists… variables, tokens, auto layout, the works → skills let you teach agents HOW your team designs. a skill is just a markdown file… anyone who understands Figma can write one → also works with Copilot CLI, Copilot in VS Code, Factory, Firebender, Augment, and Warp → free during beta… usage based pricing coming later the design to code gap that’s haunted every product team just collapsed in front of our eyes. designers hand off to agents now no need to wait on developers anymore everyone can take a deep breath now if you’re building products and not connecting Figma to your agents yet, you’re leaving serious speed on the table. set this up today. you’ll thank me later

klöss

101,073 views • 2 months ago

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

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

Figma

97,894 views • 6 days ago

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Replit ⠕

524,398 views • 2 years ago