Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Stop naming your layers in Figma!

Jan Mraz

110,593 subscribers

11,565 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

7 Comments

Jan Mraz1 year ago

Ready to master your web creations? Get hours of video content, quizzes, hands-on praxis, individual mentoring from me, and much more! 👇

OPEN1 year ago

Love mystery? This game’s calling your name. Jump into the OP3N adventure — Wishlist now!

Subarno Paul1 year ago

This is cool

Designer1 year ago

Figma Ai is awesome in renaming layers

Oldman1 year ago

You are doing well.

Rishu | UI UX Designer1 year ago

Thanks for sharing

Gavel1 year ago

Woooow!

Related Videos

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

There's a free bookmarklet that pastes any website into Figma as editable layers. It replaced a paid tool! ($18/m) it has zero dependency on AI, it runs in your browser and copies any webpage straight to your clipboard as Figma layers using figma mcp.

Nick

102,430 views • 3 months ago

Share layers, not screenshots from Figma Make

Share layers, not screenshots from Figma Make

Figma

253,856 views • 9 months ago

Breaking down code layers

Breaking down code layers

Figma

47,223 views • 1 year ago

Guess the number of layers

Guess the number of layers

Figma

108,383 views • 1 year ago

made in figma more like figma made me this year 💖 wee sneak peak at my layers 🤭

made in figma more like figma made me this year 💖 wee sneak peak at my layers 🤭

Inga Hampton

167,493 views • 6 months ago

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

397,088 views • 1 month ago

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

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

Figma

169,151 views • 1 year ago

Code layers (coming soon) demo with Niko → #Config2025

Code layers (coming soon) demo with Niko → #Config2025

Figma

14,425,454 views • 1 year ago

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

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

Figma

90,244 views • 15 days ago

Stop detaching text styles in Figma

Stop detaching text styles in Figma

Zander Whitehurst

102,662 views • 2 years ago

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

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 views • 2 years ago

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Don’t name your layers. Let Figma AI do that AND → Make your first draft with Make Design → Find the exact visual you’re looking for (or something similar) with Visual/Asset Search → Turn your designs into a working prototype with Make Prototype #Config2024

Figma

812,629 views • 2 years ago

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

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

Figma

351,360 views • 1 year ago

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,228,356 views • 2 months ago

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Holy crap, I got html to Figma working. This is about 1082 lines of code translating tailwind+html into figma console js commands. So we got accurate Figma layers, outlines, texts, nested groups and pure SVG icons. All these designs are made in Aura then exported to Figma.

Meng To

71,217 views • 1 year ago

Stop designing custom icons for your UI design! Instead, try this Figma plugin.

Stop designing custom icons for your UI design! Instead, try this Figma plugin.

Jan Mraz

17,787 views • 6 months ago

Your craft is not your curse. Schema by Figma, a consistent and on-brand scent by Figma Not available in any stores anywhere

Figma

1,150,017 views • 8 months ago

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 💜

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 views • 5 months ago

We just pushed a major update to Figma Connect. The level of fidelity on complex files is something never seen before. This video is real. 500+ complex layers, effects, SVGs, turned into real code in seconds. Comment your hardest Figma file and I'll convert it to code.

We just pushed a major update to Figma Connect. The level of fidelity on complex files is something never seen before. This video is real. 500+ complex layers, effects, SVGs, turned into real code in seconds. Comment your hardest Figma file and I'll convert it to code.

Pietro Schirano

38,754 views • 4 months ago