Freelance UX Designers in OdesaFreelance UX Designers in Odesa
Webflow Developer | Official Partner | Figma to Webflow |
5.0
Rating
2
Followers
Webflow Developer | Official Partner | Figma to Webflow |
Ai driven Ui/Ux & graphic designer
52
Followers
Ai driven Ui/Ux & graphic designer
Cover image for Title:

I built a design system
Title: I built a design system generator inside Figma Make. Here's the workflow. The problem I kept running into: every new client project meant re-explaining the brand to every AI tool from scratch. Figma Make didn't know the colors. Cursor didn't know the tokens. Claude didn't know the rules. I was the shared memory — and I kept losing things. So I built Design System Gen. Entirely inside Figma Make. Powered by Claude API. The workflow: Upload brand references → Claude API analyzes them across 8 dimensions (palette, mood, typography, composition, lighting, texture, motion, UI DNA) → structured data, not vibes → generates 11 files, each formatted for a specific tool in your stack. figma-make.md → paste once, Figma Make knows your entire design system design-system.css → all tokens as CSS custom properties tokens.json → W3C format, imports directly into Figma Variables starter.tsx → React starter with tokens already bound .cursorrules → Cursor knows your system from root Claude.md → Claude reads it automatically every session + 5 more for docs, LLMs, prompts, components Every tool gets its own context file. All consistent with each other. The part I'm most proud of: I'm a designer. I don't write code. The entire tool — UI, API integration, file generation logic — was built and shipped inside Figma Make. No external hosting. No separate codebase. Live at: vibecodingdsgen.figma.site (http://vibecodingdsgen.figma.site) Add your Claude API key and try it with your own moodboard. #FigmaMake #DesignSystem #VibeCoding #AI #Claude #UXUI #DesignSystems #ConfigMakeathon
7
25
893
Frontend Dev | React & Next.js web experiences ⚡
New to Contra
Frontend Dev | React & Next.js web experiences ⚡
Web app UI/UX designer
Web app UI/UX designer
🚀 Clean & High Contrast Web/UI/UX Design Expert 🌟
🚀 Clean & High Contrast Web/UI/UX Design Expert 🌟