Collaborate with Orbital: Leading AI Launch Agency Experts

Collaborate with Orbital: Leading AI Launch Agency ExpertsCollaborate with Orbital: Leading AI Launch Agency Experts

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

Benjamin Scheiter

• Apr 24

Orbital - (fictional AI launch agency — representative of our Enterprise-tier work) https://unrivaled-puppy-839e71.netlify.app/

Copywriting Vibe Coding Web Design Netlify

Jan Mráz

pro

• Jun 21

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

Web Design Figma UI Design UX Design webdesign ui uxdesigner

Natalia Trusova

• Jun 21

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

UX Design AI Engineer Claude Figma

Rada Hnedova

• Jun 22

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.

Prem Shandilya

pro

• Jun 21

Designed this hero section for @Raos Healthcare. ✨ The goal was to balance credibility + clarity + conversion while keeping the experience clean and easy to navigate. 👉Check it out here: https://raoshealthcare.com/ Drop a🧡if you like it.

Claude Copywriting Product Design UX Design Figma Framer

MD Rafee Alam

• Jun 22

The coral gradient and the doctor cut-out work well together for healthcare, trust signals without feeling clinical. How the product categories are floating around the hero adds context without cluttering the main message.