Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Factory can now push what you’re building directly from code into @Figma. Take a working prototype from the codebase, send it to a Figma canvas, and let designers and PMs edit components directly.

FactoryAI's profile picture

Factory

39,787 subscribers

27,908 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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,310,394 Aufrufe • vor 4 Monaten

Live from Config: Meet Code Layers, bringing the full power of code directly onto the Figma canvas
8:35

Live from Config: Meet Code Layers, bringing the full power of code directly onto the Figma canvas

Figma

88,140 Aufrufe • vor 6 Tagen

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

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

49,268 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

356,501 Aufrufe • vor 4 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

103,774 Aufrufe • vor 25 Tagen

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

94,615 Aufrufe • vor 15 Tagen

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

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.
0:30

UI/UX Designers, did you know you can convert your PNG images to SVG format and customize the colors directly in Figma? Quick Tracing is a Figma plugin that allows you to easily trace and convert images into vector shapes directly within Figma with just one click.

Abraham John 🦄🦓

72,101 Aufrufe • vor 1 Jahr

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.
0:25

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.

Alex Barashkov

37,789 Aufrufe • vor 4 Monaten

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

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

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:
1:05

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 Aufrufe • vor 1 Jahr

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

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,067,509 Aufrufe • vor 4 Monaten

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜
0:24

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

29,851 Aufrufe • vor 4 Monaten

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

396,186 Aufrufe • vor 1 Monat

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4
0:54

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,101 Aufrufe • vor 3 Jahren

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

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

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