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

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

На главную

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

Figma

573,346 subscribers

400,324 просмотров • 3 месяцев назад •via X (Twitter)

ИскусствоОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship
2:35

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

Figma

105,883 просмотров • 3 месяцев назад

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

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code
0:40

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Figma

65,884 просмотров • 1 месяц назад

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension
4:05

Copy code-backed screens → paste as design layers, now with variables → Copy your Make onto the canvas as design layers → Generate a design through the Figma MCP server → Capture your webpage as editable layers with the Chrome extension

Figma

41,886 просмотров • 1 месяц назад

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

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

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

107,893 просмотров • 2 месяцев назад

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

96,537 просмотров • 2 месяцев назад

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

35,403 просмотров • 4 месяцев назад

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles
0:28

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,690 просмотров • 2 лет назад

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages
1:20

There’s no way you caught everything. Here’s what we launched at #Config2024 → UI3, a redesigned Figma → Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers) → Figma Slides → Dev Mode updates (Ready for Dev View, Focus View, More Statuses) → Code Connect is out of beta (!!) → Auto Layout improvements → Responsive Prototyping Viewer → FigJam Pages

Figma

997,744 просмотров • 2 лет назад

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025
0:53

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

351,669 просмотров • 1 год назад

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

You can now design directly in your codebase. Select elements, modify them visually, and Cursor writes the code.
2:05

You can now design directly in your codebase. Select elements, modify them visually, and Cursor writes the code.

Cursor

6,087,714 просмотров • 8 месяцев назад

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments
0:59

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

Figma

135,666 просмотров • 5 месяцев назад

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025
10:19

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

324,088 просмотров • 1 год назад

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI
0:31

Introducing code layers in Figma Sites Add interactions and animations with code crafted by you or with help from Figma’s AI

Figma

169,255 просмотров • 1 год назад

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

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 🦄🦓

30,370 просмотров • 6 месяцев назад

Figma in India: our Bengaluru office is officially open! Design and Make things with us (We’re hiring)
1:30

Figma in India: our Bengaluru office is officially open! Design and Make things with us (We’re hiring)

Figma

971,259 просмотров • 9 месяцев назад