Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

vijay verma

35,839 subscribers

10,486 Aufrufe • vor 1 Jahr •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von vijay verma

vijay vermavor 1 Jahr

Last week released documentation v2 🚀 Check here

Profilbild von Joshua Guo

Joshua Guovor 1 Jahr

@figma 🔥

Profilbild von Eric Alm

Eric Almvor 1 Jahr

@figma Or you can't update/change colors from a predefined system like Tailwind?

Profilbild von Zu Nguyen

Zu Nguyenvor 1 Jahr

@figma Are these scales unified or as separated scale? Ex: color-blue-500 will have same lightness/contrast with other 500 scales

Profilbild von vijay verma

vijay vermavor 1 Jahr

@figma Scale generator have options to shift contrast, if it not matching with existing one.

Profilbild von Eric Alm

Eric Almvor 1 Jahr

@figma Super cool plugin Vijay! But how do I update a base color? So that all the shades update with it, after having done the first creation?

Ähnliche Videos

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want

Magnific

42,065 Aufrufe • vor 1 Jahr

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,282 Aufrufe • vor 2 Jahren

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,041 Aufrufe • vor 3 Jahren

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

42,888 Aufrufe • vor 9 Monaten

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

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

Figma

95,335 Aufrufe • vor 5 Monaten

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

78,106 Aufrufe • vor 8 Monaten

【 Your Perfect Schedule, Your Colors. 】 A color-customizable schedule design for Vtubers. » Release Date: 29th March.

【 Your Perfect Schedule, Your Colors. 】 A color-customizable schedule design for Vtubers. » Release Date: 29th March.

shiina | aeru studio (hiatus)

99,718 Aufrufe • vor 1 Jahr

Introducing 🌈getcolors; a tool that extracts your color codes in seconds just by uploading an image in any file format, + an unlimited library of curated color palette for your next design project. for Contra x #figmamakeathon built entirely with Figma make Try it yourself - link below

Introducing 🌈getcolors; a tool that extracts your color codes in seconds just by uploading an image in any file format, + an unlimited library of curated color palette for your next design project. for Contra x #figmamakeathon built entirely with Figma make Try it yourself - link below

ZΛRΛ

23,533 Aufrufe • vor 8 Monaten

Color contrast accessibility tools are now available in the Figma color picker! Grateful for the chance to design this, and I hope it helps contribute to more design in the world being made more inclusive. Let us know what you think!

Color contrast accessibility tools are now available in the Figma color picker! Grateful for the chance to design this, and I hope it helps contribute to more design in the world being made more inclusive. Let us know what you think!

Billy Sweeney

92,518 Aufrufe • vor 1 Jahr

Did you know you can grab any color name, RGB value, or hex code on your screen with your Stream Deck? 🎨 Using the Color Picker plugin, just hover your mouse over a color, press the key, and then paste the value anywhere. Here's how easy it is to set up:

Did you know you can grab any color name, RGB value, or hex code on your screen with your Stream Deck? 🎨 Using the Color Picker plugin, just hover your mouse over a color, press the key, and then paste the value anywhere. Here's how easy it is to set up:

Elgato

29,821 Aufrufe • vor 4 Monaten

What if you could generate all your colors, typography styles, sizes, radii, and more as variables and tokens with just one click? No manual setup, in few minutes go from blank page to a solid design system foundation. With option to present everything nicely for dev doc and more. With this Figma plugin, it’s actually that simple. ✨

What if you could generate all your colors, typography styles, sizes, radii, and more as variables and tokens with just one click? No manual setup, in few minutes go from blank page to a solid design system foundation. With option to present everything nicely for dev doc and more. With this Figma plugin, it’s actually that simple. ✨

vijay verma

26,263 Aufrufe • vor 10 Monaten

Introducing Colors Panel! Now you can change or remove any specific color, or choose a color theme to completely transform your images. Available now on Grok Imagine Web.

Introducing Colors Panel! Now you can change or remove any specific color, or choose a color theme to completely transform your images. Available now on Grok Imagine Web.

Dogan Ural

18,880 Aufrufe • vor 3 Monaten

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 Aufrufe • vor 4 Monaten

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

This Figma plugin will save you 90% of the time needed to build a design system in Figma!

Jan Mraz

24,218 Aufrufe • vor 1 Jahr

With this Figma plugin, you can publish a responsive live website based on your desktop design!

With this Figma plugin, you can publish a responsive live website based on your desktop design!

Jan Mraz

12,652 Aufrufe • vor 2 Jahren

Created this lil color generator over the weekend. There are so many algorithms to choose from for generating beautiful color palettes. Also, You can get the output as CSS, JSON, or Tailwind tokens. Check it out with sound on :)

Created this lil color generator over the weekend. There are so many algorithms to choose from for generating beautiful color palettes. Also, You can get the output as CSS, JSON, or Tailwind tokens. Check it out with sound on :)

vijay verma

182,707 Aufrufe • vor 1 Jahr

Texas AG Ken Paxton Eviscerates Democrat Senate Opponent James Talarico’s Repeated Attacks Calling Whiteness a ‘Virus’ and Claiming White Men are the Greatest Threat to the Nation: “If he believes that, why the Hell is he running? He just disqualified himself. I couldn’t disagree with him more. I don’t think skin color should be a measure of character… Any of our great leaders would have disagreed no matter their skin color, it’s not based on skin color or hair color or eye color, it’s based on character. It’s based on how you treat people. It’s based on your belief system and how you implement that. I could not disagree with him more.”

Texas AG Ken Paxton Eviscerates Democrat Senate Opponent James Talarico’s Repeated Attacks Calling Whiteness a ‘Virus’ and Claiming White Men are the Greatest Threat to the Nation: “If he believes that, why the Hell is he running? He just disqualified himself. I couldn’t disagree with him more. I don’t think skin color should be a measure of character… Any of our great leaders would have disagreed no matter their skin color, it’s not based on skin color or hair color or eye color, it’s based on character. It’s based on how you treat people. It’s based on your belief system and how you implement that. I could not disagree with him more.”

Benny Johnson

67,769 Aufrufe • vor 8 Monaten

🚀 Expo Router v7 is getting a Color utility You’ll soon be able to access native platform colors directly, no more guessing hex values or recreating system styles. On top of that, the next version of expo-symbols adds Material Icons support 🤯 👉 No more hunting down custom icon sets. Just use what the platform already gives you.

🚀 Expo Router v7 is getting a Color utility You’ll soon be able to access native platform colors directly, no more guessing hex values or recreating system styles. On top of that, the next version of expo-symbols adds Material Icons support 🤯 👉 No more hunting down custom icon sets. Just use what the platform already gives you.

Beto

16,321 Aufrufe • vor 10 Monaten