r/DesignSystems by u/Tarasenko_by 117 233mo ago Design System Generator + Figma Plugin — Beta Launch Hey everyone 👋
A while ago I shared an idea called UICraft — a project aimed at connecting Figma design systems directly with real CSS output for developers.
The core idea is simple:
Developers shouldn’t have to manually translate everything a designer creates in Figma into code.
Today I’m ready to share the beta version of the plugin.
[https://www.figma.com/community/plugin/1610343587499165100](https://www.figma.com/community/plugin/1610343587499165100)
# What it does so far
UICraft is built around atomic design principles:
* Foundations
* Atoms
* Molecules
* Complex components
Everything is interconnected. Components are not isolated — they’re generated as part of a structured system.
There’s also a theme generator that already allows you to:
* Change colors
* Adjust border radius
* Control spacing
From a single theme, you can:
* Generate all components directly inside Figma
* Export a CSS file for developers
So designers get a full component system
Developers get a ready-to-use theme file.
Same logic. Same structure. Less manual translation.
# The current state (being transparent)
There’s still a lot of work ahead.
* The plugin’s UX needs improvement
* There a
View parsed comments (up to 23)Open on Reddit r/DesignSystems by u/Tarasenko_by 70 333mo ago I’m building a design system generator + Figma plugin to speed up UI and frontend workflows Hey everyone,
I’m working on a design system generator, not just a Figma plugin.
The idea is to reduce the time spent on setting up UI foundations and basic components both for designers and frontend developers. Instead of manually building design systems from scratch, you can generate a full component set with variants and states, and re-theme everything from a single theme source.
Right now, there is a Figma plugin that generates design system components and applies themes to them. The plugin UI itself also adapts to the loaded theme, so the same theme controls the plugin UI, previews, and generated components. You can explore available themes and components on the website: getuicraft.com.
It’s still early stage and there are some visual bugs I’m fixing, but the core flow already works. The next step is finishing the theme generator to shape this into a proper MVP.
I’m curious what would make a tool like this actually useful for you in real projects.
Would this help in your design or frontend workflow, or does your team already have a different setup?
View parsed comments (up to 33)Open on Reddit r/UXDesign by u/jazdev 54 552mo ago Google teased a DESIGN.md standard for AI design systems… but it looks like it’s locked to Stitch instead of being open Google introduced DESIGN .md in their new AI design app Stitch.
For 30 secs, I thought we finally had an open standard for design systems in AI workflows.
Turns out… it’s Stitch only.
This is a missed opportunity. A portable DESIGN .md that any tool (Figma, Cursor, Storybook) could read would massively improve AI-driven design consistency.
Should DESIGN .md become an open standard, or is a single markdown file too simplistic for real design systems?
View parsed comments (up to 55)Open on Reddit r/UXDesign by u/Real-Boss6760 42 653mo ago Anyone using AI/Cursor to build out a design system? This is the year I figure AI out or I just leave the profession. :)
I have an opportunity to build out a design system. A year ago that would have been me diving into Figma for a few weeks.
But as our entire development ecosystem is now fully embracing AI, it's becoming clear that UX needs to be AI compatible here. And it is looking more and more like AI is capable of digesting UI rules fed into it.
So we're going to play around with this a bit. My thinking at this point is:
* we feed cursor the frameworks we want to use
* probably a react library or two
* devices we're aiming for
* concerns (make sure it's accessible, responsive, etc.)
* visual rules
* color system
* type system
* spacing system
* (Above all variable/token based)
* UI rules
* use button X for Y
* use card A for B
* etc...
* (this all likely being the more complex part of it all).
The goal is to have AI manage both the skinning of the component library and, if needed, spitting out Figma components.
I have no idea if this will work. But we want to try. Has anyone else tackled anything like this and have any thoughts/feedback/etc?
View parsed comments (up to 65)Open on Reddit r/ClaudeAI by u/Beach-Independent 2,840 2552mo ago I built an AI job search system with Claude Code that scored 740+ offers and landed me a job. Just open sourced it. `Edit: title should say "scored 740+ listings" not "offers": it evaluated 740+ job postings, not 740 actual job offers. my bad on the wording.`
A few weeks ago I shared a video of this system on r/SideProject (534 upvotes). A lot of people asked for the code, so I cleaned it up and open sourced it.
**What it is:** A Claude Code project that turns your terminal into a job search command center. You paste a job URL, and it evaluates the offer, generates a tailored PDF resume, and tracks everything.
**How Claude helps:** Claude Code reads a CLAUDE.md with 14 skill modes and acts as the engine for everything — evaluating fit across 10 dimensions, rewriting your CV per listing, scanning 45+ company career pages, preparing STAR interview stories, even filling application forms. It's not a wrapper around an API — it's Claude Code with custom skills.
**What's in the repo:**
* 14 skill modes (evaluate, scan, PDF, batch, interview prep, negotiation...)
* Go terminal dashboard (Bubble Tea) to browse your pipeline
* 45+ companies pre-configured (Anthropic, OpenAI, ElevenLabs, Stripe...)
* ATS-optimized PDF generation via Playwright
* Onboarding wizard — Claude walks you through setup
View parsed comments (up to 255)Open on Reddit r/UXDesign by u/Booombaker 132 871y ago Industry leaders keep asking me to learn AI tools in Ui Ux design; what are those tools? Where can l learn them? I have met several industry folks, gave a bunch of interviews but all of them end up saying l need to learn AI tools, know more utility of them in our design process and cut me off.
I have 2 years of startup experience handling end to end design projects, learning and developing stuff all by myself with 9+ succesful product releases.
My current use:
- ChatGpt other LLMs primarily for refining content, language, helping me with few keywords and organizing thoughts
- Midjourney for image generation
- Figma plugins for productivity
I am aware of vibe coding- Lovable, Replit, Cursor but how are these tools helping me in creating designs in a MnC or a mid size product company where they have coders to code my design.
How do l progress or be relevant in today's market?
View parsed comments (up to 87)Open on Reddit r/DesignSystems by u/Independent_Bite_262 25 1811d ago Building a design system for humans and AI agents in 2026, my approach so far Hi! I'm a UX/UI Designer here in Brazil.
I'm currently working on a Design System project at the organization where I work, and I'd like to share a few things. If anyone wants to chime in with suggestions or comments, I'd be very grateful.
Here are some of the things I've been studying and testing over the past few days:
AI is having a moment, so when I started planning our DS, I thought about how to build something that would be useful both for humans (devs and designers) and for an AI agent. On top of that, I thought about how an AI could help me build the system itself.
Here at the organization, we have one DS in Figma and another one that's used by the devs. Both are in poor shape, inconsistent with each other, and poorly documented.
I took the opportunity to think through a system for generating a DS, with documentation and coded components, using Claude Code. The process relies on a few important starting points:
* I have some general, ready-made documentation covering the non-negotiable rules every component needs to follow, such as accessibility, etc.
* I've documented the flow the AI should follow to generate a component.
* I have a structure of semantic tokens in Fi
View parsed comments (up to 18)Open on Reddit r/UXDesign by u/Apprehensive_Mix_332 22 342mo ago Do people today still care about the design system at all? It's so common nowadays that you spend 2 hours building a working prototype from scratch, and then 100+ hours polishing the UI and making sure that the design is consistent, because there isn't really a design system behind the AI generated code.
The options would be, either suffer the chaos, or use shadcn+tailwind, or manually pushing pixels in Figma's design library, which feels so tedious compared with the speed that you can build.
I've seen teams having 3 designers spending 2 years (full-time!) just to maintain an evolving design library, and early startups building a quick Replit prototype with a barely scalable UI and had to startover.
Curious about how does your team handle this?
View parsed comments (up to 34)Open on Reddit r/UXDesign by u/NatzMusic 11 3013d ago Has Anyone Successfully Integrated AI Into a Large Enterprise Design System Workflow? Most AI design demos focus on greenfield projects: you open Claude, Cursor, Lovable, etc., describe a screen, and it magically generates something from scratch.
But what about teams working on mature products with large, evolving Design Systems?
I work on a web application in the logistics industry that has been developed for several years. We have a complex Design System with hundreds of tokens, light/dark themes, component variants, and strict UI patterns. When I use AI design tools today, they usually generate layers and rectangles that look visually similar to our components, but they're not actual instances of our Design System components. Cleaning up the output often takes longer than building the screen manually in Figma.
My question is: has anyone successfully integrated AI into a workflow like this?
Can tools such as Claude Code, Cursor, MCP-based setups, or anything else realistically understand and work with an existing Design System so that generated designs use actual components, tokens, variants, and constraints rather than just approximating them visually?
Are there any production-ready workflows where AI can create prototypes that are genuinely close to what an
View parsed comments (up to 30)Open on Reddit r/UXDesign by u/BoracicGoat 0 3511mo ago How are you using AI tools alongside your own design system? I see a lot of posts about generating ui or even code/codes prototypes using AI, but is that leveraging your current design system components or just making net new components and styling?
Better question: I want to know how I can design ui and flows while using my established design system components and styling.
View parsed comments (up to 35)Open on Reddit r/SideProject by u/Pretty_Ad4344 2 820d ago Foundry. A design system generator for devs who suck at design (like me) Hi!
I've been coding Foundry for 3 weeks. I'm a developer who sucks at design, but I care about it. So I built this.
You enter your app name, description, pick colors and fonts, and boom, you get a design system, globals.css, tailwind.config.ts, and most importantly a fully configured shadcn/ui component library pre-styled for your app. There's also a PDF export (still a bit broken, working on it).
I added an AI feature too; it looks at your logo and reference images to enhance the design system with extracted colors and vibes.
It's my first SaaS, would love feedback!
Check it: [https://hifoundry.vercel.app/](https://hifoundry.vercel.app/)
View parsed comments (up to 8)Open on Reddit r/SaaS by u/Pretty_Ad4344 0 720d ago Foundry. A design system generator for devs who suck at design (like me) Hi!
I've been coding Foundry for 3 weeks. I'm a developer who sucks at design, but I care about it. So I built this.
You enter your app name, description, pick colors and fonts, and boom, you get a design system, globals.css, tailwind.config.ts, and most importantly a fully configured shadcn/ui component library pre-styled for your app. There's also a PDF export (still a bit broken, working on it).
I added an AI feature too; it looks at your logo and reference images to enhance the design system with extracted colors and vibes.
It's my first SaaS, would love feedback!
Check it: [https://hifoundry.vercel.app](https://hifoundry.vercel.app/)
https://preview.redd.it/ev3lgekyn43h1.png?width=3010&format=png&auto=webp&s=344279ca829defa682fcb6b02454ddf78917462c
View parsed comments (up to 7)Open on Reddit r/UXDesign by u/Glad-Selection-7330 0 99mo ago AI tools for generating tokens & styles in Figma? Hey folks,
I started a new project and set up a proper design system in Figma using **Variables** (for colors, spacing, typography, etc.) and then built **styles** on top of those tokens.
I know about **Tokens Studio** and the native Variables feature, but I’m wondering if any AI-powered plugins or workflows can help:
* Generate color palettes / semantic tokens automatically
* Create spacing or typography scales
* Push variables into consistent styles without too much manual work
* Create it for desktop/mobile/dark/light modes
* Be ready to sync with the front-end
* etc
Have you tried combining AI with Figma Variables for a Figma design system? What worked well, and what turned out to be more trouble than it’s worth?
I wish to type in a chat, "***Let's create a design system. Typography - SFpro and display/title paradigm. Primary blue, secondary orange colors, classical system colors... etc.***"
Would love to hear about your setup, plugins you recommend, or even gotchas to avoid.
Thanks in advance!
View parsed comments (up to 9)Open on Reddit r/Frontend by u/Lost-Dimension8956 0 235mo ago Best current approach to converting Figma designs into high-fidelity code? Hi, I’m a full-stack developer currently working on the frontend of a project. I have a Figma design and recently tried using Figma MCP for the first time. I shared the Figma frame links with Cursor and Claude Code and asked them to implement the UI.
It works, but the results aren’t as good as I expected. Honestly, it doesn’t feel much better than just using UI screenshots instead of Figma MCP, and I still have to manually fix many details to match the actual design.
To be honest, I’m a bit disappointed. I’ve used UI screenshots before to generate frontend code with AI, and while the results weren’t great, I assumed it was because I wasn’t using more accurate resources or more advanced tools like Figma MCP.
Am I missing something in the workflow? What’s currently the best way to convert Figma designs into code as closely as possible? I’d really appreciate any advice or references.
View parsed comments (up to 23)Open on Reddit r/DesignSystems by u/Nibin_dev 12 113mo ago Trying to improve the design token workflow between Figma and developers — built a small plugin I kept running into the same problem when working with design tokens.
Tokens live in Figma, but the code lives somewhere else (GitHub, CSS, etc). Every time something changed, someone had to manually sync everything again.
So I built a small Figma plugin called Tokvista to experiment with a smoother workflow.
A few things it does:
• Generate a full token system with AI from a simple prompt
• Export tokens to CSS, SCSS, Tailwind, or tokens.json
• Publish tokens directly to GitHub
• Share a preview link so developers can quickly see token values without opening Figma
Still very early, but curious what people working with design systems think about this workflow.
Plugin link:
https://www.figma.com/community/plugin/1609493358238428587/tokvista
View parsed comments (up to 11)Open on Reddit r/userexperience by u/Johntremendol 11 71y ago Building a UX research Platform.. Hi, I’m John with over 4 years of Product Design Experience. A bit of a backstory, I’ve been looking for Product Design roles since the beginning of this year but have had tough luck because of the insurgence of a heavy UX focus even in UI design jobs, & unfortunately I haven’t had many opportunities in my experience so far to conduct extensive UX research for any of my projects in my portfolio, so I started thinking of mock projects I could create that can highlight UX as a major part of my work in a project. After thinking alot I had this Idea to create a case study for an all in one UX research platform, that can allow you to conduct extensive generative & evaluative research in an organized & fun way, a 1-stop tool like Figma where you can go in, conduct all your research, & design based off that in your favorite design tool. It started as an ambitious Idea but now I’ve laid out some of the system architecture & Ideas that can really make this a compelling product, but the scope has kind of left the sphere of it being done by just a single person. There’s alot that can be done, & I have to conduct various User studies like surveys & interviews on UI & UX professionals to gain i
View parsed comments (up to 7)Open on Reddit