Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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's profile picture

Figma

564,201 subscribers

212,113 görüntüleme • 1 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.
0:25

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

91,674 görüntüleme • 9 gün önce

Mermaid code to FigJam diagram pipeline
1:46

Mermaid code to FigJam diagram pipeline

Figma

25,213 görüntüleme • 8 ay önce

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 😉
0:23

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,983 görüntüleme • 3 yıl önce

(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.
0:24

(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,516 görüntüleme • 7 ay önce

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
0:30

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

395,459 görüntüleme • 28 gün önce

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
0:28

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,535 görüntüleme • 1 ay önce

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

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

Figma

99,144 görüntüleme • 5 ay önce

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.
0:37

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,851,998 görüntüleme • 3 ay önce

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
0:48

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,115 görüntüleme • 3 ay önce

Hey ChatGPT, can you diagram this in FigJam?
0:37

Hey ChatGPT, can you diagram this in FigJam?

Figma

946,591 görüntüleme • 8 ay önce

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
1:32

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,251 görüntüleme • 3 ay önce

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
0:50

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,223 görüntüleme • 5 ay önce

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.
0:31

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 görüntüleme • 2 ay önce

if in 2026 you still read the code instead of asking your agent to generate diagrams ngmi
0:23

if in 2026 you still read the code instead of asking your agent to generate diagrams ngmi

Anicet

86,082 görüntüleme • 4 ay önce

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

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

Figma

179,484 görüntüleme • 3 ay önce

👋 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 >>
0:42

👋 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,347 görüntüleme • 2 yıl ö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,309,131 görüntüleme • 4 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,388 görüntüleme • 7 ay önce

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
0:23

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 görüntüleme • 3 ay önce

And the newest FigJam emoji stamp is...
0:36

And the newest FigJam emoji stamp is...

Figma

85,705 görüntüleme • 4 ay önce