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
Just dropped š„3 Cinematic Liquid Glass Landing Page Prompts
ā Full-screen looping video heroes
ā Real liquid glass UI (the exact blur + border glow)
ā Custom 500ms fade logic that actually loops perfectly
ā Instrument Serif + dark space aesthetic
Built for vibe coders who ship in hours, not weeks.
One prompt ā production-ready React/Tailwind hero in Cursor/Claude/Grok.
š
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
With the amazing new Framer 3.0 update rolling out, I couldnāt think of a better time to share a personal milestone Iāve been working on for a while: my very first Framer template is officially out in the wild!
Meet Regolith š ā a high-performance template I crafted specifically for AI startups, Web3 platforms, and complex SaaS ecosystems.
I poured all my love for premium design into Regolith to solve this exact problem. Itās not just a random collection of drag-and-drop sections; it's a cohesive architectural system. My goal was to help founders communicate trust, technical sophistication, and premium quality from the very first scroll, taking full advantage of everything Framer 3.0 has to offer! āØ
I would be absolutely thrilled if you checked it out https://www.framer.com/community/marketplace/templates/regolith/
I'd love to hear your thoughts! Let me know what you think of it below š
This looks awesome for your first template. Did you find it tricky to make this asymmetrical split layout wrap nicely on mobile screens?
Amazing sites for UX/UI designers, part 11
1. Grainient Supply for static and animated color gradients
2. Supahero for hero section inspiration at one place
3. Freefaces Gallery for free fonts that stand out
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?