Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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…

realvjy's profile picture

vijay verma

35,043 subscribers

10,196 Aufrufe • vor 11 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ä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
0:37

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 (formerly Freepik)

42,038 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 →
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,230 Aufrufe • vor 2 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.
1:11

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

41,940 Aufrufe • vor 4 Monaten

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.
1:15

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.

Morara Kebaso

14,098 Aufrufe • vor 11 Monaten

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

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

shiina | aeru studio (hiatus)

99,374 Aufrufe • vor 1 Jahr

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

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

Figma

83,587 Aufrufe • vor 9 Tagen

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj
1:27

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj

v0

69,868 Aufrufe • vor 9 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.
1:15

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

77,669 Aufrufe • vor 3 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!
2:19

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,274 Aufrufe • vor 1 Jahr

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. ✨
1:46

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,190 Aufrufe • vor 5 Monaten

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

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

Jan Mraz

12,626 Aufrufe • vor 1 Jahr

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

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

Jan Mraz

24,110 Aufrufe • vor 1 Jahr

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 :)
0:43

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

181,860 Aufrufe • vor 11 Monaten

🎉 Just released RampenSau v1.0.0 on npm and GitHub! 🎢🐷 After some Easter weekend coding, the color palette generation library is now stable with improved docs and APIs. Generate beautiful color ramps for your data viz, design work, or generative art!
1:21

🎉 Just released RampenSau v1.0.0 on npm and GitHub! 🎢🐷 After some Easter weekend coding, the color palette generation library is now stable with improved docs and APIs. Generate beautiful color ramps for your data viz, design work, or generative art!

David Aerne

20,611 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.”
1:45

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

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...
0:27

Present section Demo of Figma Plugin. This will print and document all variables and styles. I'm building a plugin to generate design system variables/styles from presets. Already shared test version, who signed up. Coming soon...

vijay verma

13,889 Aufrufe • vor 1 Jahr

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:
0:59

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

550,976 Aufrufe • vor 3 Jahren

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
0:21

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,206 Aufrufe • vor 2 Monaten

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.
0:25

ui/ux designers, you will soon be able to change the color of an image right within figma. *this is the plugin i’m presently working on. ~5 hours in.

dára sobaloju

24,047 Aufrufe • vor 1 Jahr

the time needed to make different color themes for schedule design has been shortened.
0:46

the time needed to make different color themes for schedule design has been shortened.

shiina | aeru studio

16,988 Aufrufe • vor 1 Jahr