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

574,243 subscribers

94,724 views • 3 months 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,875 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 • 11 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

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.

Need help deciding which color palette to use for your designs? Designer Milan Maheshwari's Spectrum plugin can help with that. You can instantly generate color palettes and apply them to illustrations, images, interfaces, and more.

Figma

94,033 views • 3 years 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,775 views • 6 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

351,622 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,768 views • 5 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

106,068 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,258 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

83,069 views • 2 months 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

813,117 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,138,003 views • 7 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

103,325 views • 6 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,542 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,851 views • 3 years ago

Transaction Check with Ledger Wallet: meet real-time threat detection for your Ethereum. Every time you want to sign a transaction, it scans to flag potential threats. An additional layer of security so you remain free from compromise 🔒

Transaction Check with Ledger Wallet: meet real-time threat detection for your Ethereum. Every time you want to sign a transaction, it scans to flag potential threats. An additional layer of security so you remain free from compromise 🔒

Ledger

25,535 views • 24 days 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

324,113 views • 1 year ago