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
I got sick of asking Claude, "what is the size of this font" so I made a css inspector for coding environment
https://www.npmjs.com/package/css-spec
- Review CSS properties directly on browser & claude code
- See where certain colors are being used
- Send CSS update commands to cursor/claude directly
npm i -D css-spec
npx css-spec init
ā„ (option) +D to start
Would love any feedback! š
This is so cool, I will 100% be using it!
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
Meet ScribblePrompt.
It started with a moment at work. I was whiteboarding with one of our engineers, and the conversation felt faster, clearer, and more productive. That made me realize I wanted the same kind of experience with my coding agents, without sending screenshots, typing long explanations, and still not quite getting what I meant.
So me and @Carlneil Domkam built ScribblePrompt in Figma Make: a tool that lets you whiteboard with an agent, so ideas start as sketches, not walls of text.
If you like design tools that make ideation feel more natural, weād love for you to check it out.
Features:
- Whiteboarding tools
- Sketch Context for Figma Make
- MCP for Claude and Cursor
- Sketch Assistant ā generate sketches
- Responsive across desktop and iPad
Tools used:
- FigJam for ideation and brainstorming
- Figma Make for prototyping and implementation of the sketching tool, sketch context, and audio transcription
- Figma Design for UI design tweaks
- Figma Weave for logo generation and storyboard references
- Anthropic API for Sketch Context and MCP
- Gemini API for the sketching assistant:
It's been a fun 2 weeks participating in this hackathon! See you at Figma Config! š
Hi, I'm Anna - a Product & UX/UI Designer.
A little about me:
ā¢ 4+ years of experience designing B2B SaaS and B2C products
ā¢ I create solutions based on user research, behavioral analytics (Hotjar, Google Analytics), and product metrics
ā¢ I have experience working with both startups and established products
ā¢ I enjoy exploring new technologies, AI tools, and experimental interaction patterns
One of my recent experiments is a Gesture-Controlled Gallery ā an interactive gallery that can be navigated entirely through hand gestures š
Using camera-based hand tracking, users can browse the gallery, select content, open media, like items, and interact without using a mouse or touchscreen.
One of my favorite features is that some images transform into videos when opened. Instead of simply viewing static content, users can discover motion and interaction hidden behind selected gallery cards.
š„ Check out the video below to see it in action.
Project Link:
https://rival-jargon-92271198.figma.site/
Video Instagram:
https://www.instagram.com/p/DZRrQudq2Fz/
our gesture-controlled gallery sounds like a really fun experiment. I especially like the idea of images transforming into videos it adds an element of surprise and makes the experience feel much more interactive. āØ
Amazing!
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?
