Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition...

figma's profile picture

Figma

569,649 subscribers

1,336,882 görüntüleme • 3 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji#Config2023
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

Drew Wilson profil fotoğrafı
Drew Wilson3 yıl önce

Oh! What!? Congrats @jsngr!!!! 🎉

Mariana Castilho profil fotoğrafı
Mariana Castilho3 yıl önce

Whaaat! Congrats @jsngr @marcofyi and team!

Leslie (Design ShugarDaddy) profil fotoğrafı
Leslie (Design ShugarDaddy)3 yıl önce

Oh God, new shit to learb

Shashi Lo profil fotoğrafı
Shashi Lo3 yıl önce

Stop please stop. You're making my job too easy.

U M E R ⚡️ profil fotoğrafı
U M E R ⚡️3 yıl önce

Advanced prototyping was what I am waiting for 🙌🏻

Ben Armstrong profil fotoğrafı
Ben Armstrong3 yıl önce

Good choice on putting all these announcements on the longest day of the year to fit them all in!

Manny_piCASZ0 profil fotoğrafı
Manny_piCASZ03 yıl önce

Bridging the gap between designers and devs. This is what you've been advocating @Joe_brendan_

Nik Williamson profil fotoğrafı
Nik Williamson3 yıl önce

Spoiler alert.

Adrian Furtuna (Storm) profil fotoğrafı
Adrian Furtuna (Storm)3 yıl önce

how long ‘till we can export a design to a live product? :D

Benzer Videolar

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇
0:43

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,352 görüntüleme • 3 yıl önce

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

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024
0:44

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024

Figma

57,503 görüntüleme • 2 yıl önce

Figma Motion: design AND animate in the same file Live from Config 2026
17:31

Figma Motion: design AND animate in the same file Live from Config 2026

Figma

110,606 görüntüleme • 22 gün önce

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →
1:20

More ways to animate with LottieFiles: - Auto-layout - Nested Frames - Multi-variant Components - Gradients - Handoff features like animation URLs and embed codes for Dev Mode Download the plugin and play →

Figma

124,373 görüntüleme • 2 yıl önce

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →
1:03

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Figma

789,386 görüntüleme • 2 yıl önce

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

95,497 görüntüleme • 1 ay önce

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process
0:25

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,403 görüntüleme • 1 yıl önce

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers
0:23

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers

Figma

62,841 görüntüleme • 1 yıl önce

The FULL Config agenda is live 🥳 With talks ranging from AI to design systems, prototyping to code, there's something for the whole product team. Plus, we’ve added new speakers. Start planning out your day and register.
0:28

The FULL Config agenda is live 🥳 With talks ranging from AI to design systems, prototyping to code, there's something for the whole product team. Plus, we’ve added new speakers. Start planning out your day and register.

Figma

384,190 görüntüleme • 3 yıl önce

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw
0:43

Releasing a few quality of life Figma Draw updates today → New brush & texture updates (gradients, eyedropper, and noise controls) → Dedicated text on a path tool (or drag on an empty canvas to create text on a circle) → Separate text and vector into independent layers Plus, we pulled a few features over from Design to make it easier to access → New layers panel icons → Auto layout directly in Draw

Figma

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

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new
0:35

#Config2023 Launch 4: Auto layout updates Three words: Wrap, min, max—that’s right, spend less time manually resizing and more time creating components and layouts that are much more responsive. 👇 Here’s what’s new

Figma

205,292 görüntüleme • 3 yıl önce

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai
0:23

🚀 Just designed a Responsive AI Chatbot Dashboard in Figma complete with Light/Dark Modes & Variables for all breakpoints! Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #uidesign #designsystem #ai

Harshil Acharya

222,127 görüntüleme • 10 ay önce

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

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana
3:20

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana

Figma

101,130 görüntüleme • 9 ay önce

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon
3:39

New drop: The official Figma MCP server now supports Google for Developers Gemini CLI and OpenAI Codex, Atlassian coming soon

Figma

36,846 görüntüleme • 9 ay önce

Annotations, now available in Design Mode with new color coded categories
0:27

Annotations, now available in Design Mode with new color coded categories

Figma

105,953 görüntüleme • 1 yıl önce

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables
1:05

See more values, not just variable names in Dev Mode → Access variable collections → Variable details → Suggested variables

Figma

39,643 görüntüleme • 1 yıl önce