Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 3 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 2 месяцев назад

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 просмотров • 8 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 7 дней назад

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 просмотров • 2 лет назад

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 просмотров • 2 лет назад

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 просмотров • 8 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 8 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 месяц назад

✨ 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 просмотров • 11 месяцев назад

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 просмотров • 3 месяцев назад