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.

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection

Figma

570,720 subscribers

94,083 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles

3 design system updates for you → Hide & show variable paints → Go-to-main component shortcut → Duplicate & copy styles

Figma

139,809 views • 1 year ago

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Today we're changing how people build for the web. Introducing MagicPath Libraries. Your component library is a living doc that AI uses to design in your style. No more slop. Build with defaults or custom libraries, share them with teams. Always synced with your code.

Pietro Schirano

134,956 views • 10 months ago

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Get your fill with the updated eyedropper, only in UI3 → Reuse styles and variables (Shift + Click) → Copy style and variable names (also hex, RGB, HSL, and HSB codes!) in raw text format → Tab through different color formats → Create a new style or variable (Shift + CMD + Click / Shift + CTRL + Click)

Figma

111,057 views • 1 year ago

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

Hey 👋 designers, Here’s a quick tutorial on how to create light and dark mode designs in Figma using the color variable system. Retweet and Share with your fellow designers.

UxUi.Tega

12,043 views • 1 year ago

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Alex Danilowicz

54,492 views • 4 months ago

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

551,164 views • 3 years ago

See if color contrast meets accessibility standards right within the color picker

See if color contrast meets accessibility standards right within the color picker

Figma

350,902 views • 1 year ago

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

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

Figma

135,314 views • 3 months ago

Everyone say thank you @Grammarly for t̵h̵e̵r̵e̵ their new plugin. Get suggestions on any text layer →

Everyone say thank you @Grammarly for t̵h̵e̵r̵e̵ their new plugin. Get suggestions on any text layer →

Figma

24,957 views • 2 years ago

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

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

Figma

105,977 views • 1 year ago

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

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

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file

The Figma design agent, now with web search → Prompt the agent or paste a URL → Review results with linked citations → Insert content directly into your file

Figma

82,544 views • 1 month 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,726 views • 2 years ago

$Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system$

Do more with Glass → Add it to any object, shape, or text → Round individual corners → Adjust the spread of light refraction with Splay → Apply variables from your design system

Figma

1,136,503 views • 6 months ago

What if a meme could save a life? Early detection makes all the difference. Raising awareness with Keep A Breast through memes, creativity, and community. Because something small on your feed can remind someone to check.

What if a meme could save a life? Early detection makes all the difference. Raising awareness with Keep A Breast through memes, creativity, and community. Because something small on your feed can remind someone to check.

boob

100,783 views • 4 months ago

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

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

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

littensy

37,698 views • 2 years ago

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

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

Figma

323,917 views • 1 year ago

Extended Collections is rolling out over the next two weeks so you can scale your design system across all your brands (yay)

Extended Collections is rolling out over the next two weeks so you can scale your design system across all your brands (yay)

Figma

40,476 views • 8 months ago

GM! Dive into the world of blockchain and gaming with luke.koin & Marc Mercuri on Ep.1 of The Coin Check Podcast! What should we discuss in our next episode? Drop your suggestions below! Link to full YT Video ⤵️

GM! Dive into the world of blockchain and gaming with luke.koin & Marc Mercuri on Ep.1 of The Coin Check Podcast! What should we discuss in our next episode? Drop your suggestions below! Link to full YT Video ⤵️

SHRAPNEL » Play Now on Steam

32,395 views • 2 years ago