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
Rocket.new helps founders and product teams build complete product ecosystems while maintaining consistency across web apps, mobile apps, and landing pages.
By retaining project context, branding, user flows, and design systems, it reduces the need for repetitive prompting and helps teams move from idea to execution faster.
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
Good morning and Happy new week 🥳
Wishing you a productive, peaceful, and successful week ahead ⚡
•
As a founder you should know that good App Store screenshots don’t just showcase your app, it has to market the experience.
Every decision matters, from the copy and typography to the spacing, visual hierarchy, and overall creative direction.
For this concept
A World Cup companion app, focusing on how to turn five screenshots into a marketing asset rather than just a product showcase.
The goal was simple: create visuals that instantly communicate value, build excitement, and make users want to download the app before they even read the description.
Great App Store screenshots are a blend of product design, storytelling, and marketing.
What’s the first thing you look for when an app catches your attention on the App Store? ⚽️🏆
#UIUX #ProductDesign #AppDesign #MobileAppDesign #AppStoreOptimization #UIDesign #Figma #DesignProcess #SportsTech
The "WATCH FULL MATCHES LIVE" hero shot with that dark overlay is doing the conversion work right. The contrast between the bold feature callouts and the in-app screenshots gives it a proper App Store feel, not just a UI dump.
IROHA is now open for remix ♡
a little wardrobe app, now shared with the community.
explore it, edit it, borrow from it, rebuild it, or turn it into something entirely your own. nothing in preview mode is saved, so feel free to play without worrying.
i've also included a REMIX.md guide if you'd like to plug in your own backend and make it truly yours 🌷
take what you need, leave your own touch, and create freely.
community preview → https://iroha-community.figma.site/
community file → https://www.figma.com/community/file/1648821052690074663
submission → https://on.contra.com/JmTTcN
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.
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?