The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
So clean!
Thanks Talia π
Fantastic workπ₯ππ
many thanks!
nice)
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
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
Add your Claude API key and try it with your own moodboard.
#FigmaMake #DesignSystem #VibeCoding #AI #Claude #UXUI #DesignSystems #ConfigMakeathon
As someone who constantly jumps between Figma, Claude, ChatGPT, Cursor, Lovable, and other AI tools, this problem feels very familiar π
The tools are getting smarter, but keeping context consistent is still surprisingly manual. Love seeing people tackle that gap.
π What do you do when you get a hyperfixation, and suddenly all you do is refresh Contra, check notifications, and obsess over engagement on your Makeathon submission? Anyone else like this? π
π
π
Honestly, you might have noticed Iβve been a bit quiet with my growth updates lately β and thatβs because for the past 2 weeks I was fully locked in on the #ConfigMakeathon π₯΅
(Iβll also attach a screen recording in this post showing how to use the Skill Matrix for anyone whoβs interested)
But today Iβm back with a quick update to distract myself a little
πππ² ππ π π¨π π¦π² ππ‘ππ₯π₯ππ§π π ππ¨ π«ππππ‘ π,πππ ππ¨π₯π₯π¨π°ππ«π¬
π¨π£πππ§ππ¦ π¦ππ‘ππ π π¬ πππ¦π§ π£π’π¦π§:
π +60 followers
π I made it into the Top 5 creators on Contra
π Discovery score grew by 4 points β now itβs 127
π Ben Huffman followed me β which honestly feels like a huge milestone for me, especially since Iβve been on Contra for less than 2 months
πͺπππ§ π π§ππ¦π§ππ π¦ππ‘ππ π π¬ πππ¦π§ π£π’π¦π§:
Iβll share everything at the end of the week π
πππΏπΏπ²π»π π½πΏπΌπ΄πΏπ²ππ: 337 / 1,000
π¦ππΆπΉπΉ πΉπ²π³π: 663 followers
Follow along if youβre curious to see whether itβs possible to grow on Contra from zero.
If you like my work please support my submission: https://on.contra.com/LgPnq8
π + π¬ = β€οΈ
As someone who's capable of opening the same analytics page 37 times a day, I refuse to judge π
What I find interesting is how quickly you've grown in less than two months. Was there a moment when you noticed a clear shift in traction, or did it feel more like a slow accumulation of small wins?
Designed a modern SaaS website for InterviewFocus β AI-Powered Interview Preparation Platform.
Clean and professional UI focused on helping users develop job-ready talent through intelligent interview training, real-time feedback, performance analytics, and practice tracking.
Nice work as usual
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatβs yours right now?