Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Code → design → code Generate design files from code, collaborate in @Figma, and implement updates all within Codex without breaking your flow.

OpenAIDevs's profile picture

OpenAI Developers

348,879 subscribers

241,126 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

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 • 2 ay önce

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.
6:58

Build your ideas with Cursor and Figma. Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Cursor

276,310 görüntüleme • 8 ay önce

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →
0:30

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,217 görüntüleme • 2 yıl önce

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵
2:07

re-introducing ion design (YC W24) we turn designers into design engineers without them learning how to code ⚡ it’s an AI app builder that turns Figma into code - generate, iterate, and ship in seconds. let's make 2025 the year of the design engineer, together 🧵

Samraaj Bath ⚡️

29,928 görüntüleme • 1 yıl ö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

386,373 görüntüleme • 7 gün önce

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,398 görüntüleme • 2 yıl ö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

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.
0:33

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,593,037 görüntüleme • 8 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

112,934 görüntüleme • 2 ay önce

I built a Chrome extension that helps you extract styles from any website and generate DESIGN(.)md or SKILL(.)md files Works with Google Stitch, Claude Code, Codex etc ... and it's free!
2:01

I built a Chrome extension that helps you extract styles from any website and generate DESIGN(.)md or SKILL(.)md files Works with Google Stitch, Claude Code, Codex etc ... and it's free!

Zoltán Szőgyényi

339,438 görüntüleme • 1 ay önce

Next in the series – the Codex IDE extension. Explore code, implement new features, brainstorm front-end designs, and kick off tasks in the cloud — all from your code editor.
7:00

Next in the series – the Codex IDE extension. Explore code, implement new features, brainstorm front-end designs, and kick off tasks in the cloud — all from your code editor.

OpenAI Developers

395,527 görüntüleme • 7 ay önce

Start from a Figma design, and vibe code your way to a live site or webapp! #vibecoding #aiplayground #figmatoprompt
0:45

Start from a Figma design, and vibe code your way to a live site or webapp! #vibecoding #aiplayground #figmatoprompt

Anima

144,337 görüntüleme • 1 yıl önce

Now that AI has enabled designers to code, is "design in code" a thing? Can we drop Figma altogether? 👇
5:08

Now that AI has enabled designers to code, is "design in code" a thing? Can we drop Figma altogether? 👇

Gary Simon

27,991 görüntüleme • 8 ay önce

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format
1:19

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,493,474 görüntüleme • 4 ay önce

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread
2:38

Vibe code with your full Figma design system on Anima 💥 Early access for Enterprise, link in thread

Avishay Cohen

5,730,872 görüntüleme • 2 ay önce

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription
1:19

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Alvaro Cintas

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

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread
0:40

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread

HeyGen

572,533 görüntüleme • 1 ay önce

✨ Big things are happening. I’m building a tool to generate, manage & sync design tokens — directly in Figma ✅ Start from popular design systems 🎨 Customize colors, typography, effects & more 🧠 Export clean code in multiple formats ⚡ Sync everything to your Figma file in <30s From weeks of work to seconds. This changes everything. Coming soon to everyone. Follow for updates 👀
1:39

✨ Big things are happening. I’m building a tool to generate, manage & sync design tokens — directly in Figma ✅ Start from popular design systems 🎨 Customize colors, typography, effects & more 🧠 Export clean code in multiple formats ⚡ Sync everything to your Figma file in <30s From weeks of work to seconds. This changes everything. Coming soon to everyone. Follow for updates 👀

Angelo Libero

20,867 görüntüleme • 11 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