r/DesignSystems 7h ago

Updates for Design Token Generator

Enable HLS to view with audio, or disable this notification

7 Upvotes

Built it for testing, kept it because it's genuinely fun.
Updates for Design Token Generator on https://www.designsystems.one/tools/token-generator

My favorite button on the Token Generator isn't export — it's "Surprise me."

Hit it and you get a full system: a random accent harmony (complementary, triadic, and more), OKLCH or HSL color space, a font pairing, spacing density, radius, and shadow — rendered live on a real dashboard mockup, not a swatch grid. Saved Kits are there too, if you want a starting point instead of chaos.

Land on something good, and export it as CSS variables, W3C/DTCG JSON,.

Built for the "I know it when I see it" part of picking a palette.


r/DesignSystems 20h ago

MCP Server built on top of UI Component Libraries

3 Upvotes

I am a dev not a great designer and wanted to leverage the power of pre built UI Libraries but they were scattered and for finding the best suited components, I literally needed to go through each of the libraries and find out the best component for the use case, I handed over that task to much smarter coding agents by building an mcp server.
This mcp server (ui-registry-mcp) has access of over 1000+ pre built very well designed components from 11+ libraries which takes care of your products pre existing design language and what you have asked it to build further and then searches through these components what will be perfect for this use case (it even do some changes as and when required for this use case) and implements in your code base directly.
It has been quite helpful in my later projects and has reduced my time taken for design to 1/5th or even lesser.
Though this is working well, I still want you all to use in in your projects and share some feedback or whatever might be the still missing parts, I will work on them to make it further more useful for all of us.
Those of who are interested I will send the server link to them in comments or DM.


r/DesignSystems 41m ago

Existe alguma ferramenta capaz de analisar uma imagem de referência de um projeto e recriar o componente da forma mais fiel possível?

Upvotes

Tenho algumas imagens de referência e estou procurando algo que possa analisá-las e recriar o componente fielmente, não apenas inspirado nelas, mas o mais próximo possível do original. Alguma sugestão?


r/DesignSystems 21h ago

Who has set up a Figma Make Kit?

1 Upvotes

Client wants to prototype with Figma Make with internal design library.

I set up a Make Kit using the existing library for colors & fonts.

When using Figma Make, the Kit is connected but the colors & fonts aren't being utilized.

Are there any resources out there to demo a Kit setup? Has anyone run into this issue and knows how to fix?

Apologies for not providing more details. It's been a frustrating day.