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
Another quick round of turning random thoughts into tiny products āØ
MoodKeys, a tiny keyboard-inspired timer where each key represents a mood, status, or activity.
ā Coffee
š On Call
š Do Not Disturb
šØ Being Creative?
Press a key and the timer starts instantly. The key becomes your current status.
Also... it ended up being ridiculously cute. š
From choosing the colour palette to designing the keycaps, I had so much fun building the UI in Figma, bringing it into Make, prompting it, and turning it into a working little app.
It works well on both desktop and mobile because of its compact size.
Curious what status key you'd add š
Built with Figma Make āØ
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
I built a social network that tells you to touch grass. š±
It's called Touch Grass.
Try it yourself ā
https://buffet-crayon-23938188.figma.site/
Technology keeps moving us forward, but it also keeps us glued to screens. So I wanted to build something that gently pushes in the opposite direction.
Every user gets their own planet.
Upload photos you've taken in nature and watch your world come back to life. Miss a few days and it slowly starts fading again.
Every planet belongs to a real person. Explore the galaxy and discover worlds that other people are growing through their own photos and memories.
Built the entire thing in @Figma Make.
Made for the @contra x @Figma #ConfigMakeathon
X Link: https://x.com/russ_seid/status/2064573470357500338?s=20
Linkedin Link: https://www.linkedin.com/posts/rustem-seidametov_configmakeathon-contra-makeathon-ugcPost-7470339571613040641-vVp0/?utm_source=share&utm_medium=member_desktop&rcm=ACoAADKBObkBHA2DOG2-JkJBzSGYJVlLfkAV4B4
Project Link: https://www.figma.com/make/0WW9byuQ0tDSPy4RY19p00/Touch-Grass?t=GS2PE7diSOrtYCW4-1
Niceeeee
ā¢ Jun 10
I joined the Config Makeathon and built BriefOS ā a client brief operating system for designers, studios, and freelancers.
The problem I wanted to solve is something almost every designer deals with:
Client projects rarely start clean.
They usually start with scattered notes, vague goals, random references, unclear positioning, mixed opinions, and no approved direction. That chaos creates slow starts, endless revisions, weak strategy, and confusion between the designer and the client.
So I built BriefOS to turn that mess into a clear, structured website blueprint.
The idea:
Client chaos ā AI signal extraction ā website blueprint ā visual direction ā wireframe ā client approval
Inside BriefOS, a designer can collect messy client input, organize it into useful categories, extract important signals, build a sitemap, generate copy directions, choose visual routes, adjust wireframes, and send decisions into a client approval room.
I wanted the product to feel less like a generic AI tool and more like a real project command center.
What I built:
Command Center to track the full project workflow
Intake Wall for messy client notes, links, screenshots, and references
Signal Extractor to identify offer, audience, CTA, tone, gaps, and contradictions
Blueprint Builder for sitemap, homepage structure, copy, and conversion path
Visual Lab for mood, palette, typography, layout direction, and style routes
Wireframe Studio for reviewing and refining the homepage structure
Approval Room for client decisions, comments, approvals, and revision requests
I also focused on making the experience interactive instead of just āAI magically does everything.ā
The user can tag notes, approve or reject signals, choose direction, reorder sections, compare options, adjust wireframes, and approve final decisions.
Built using Figma Make as part of the Config Makeathon.
The goal was simple:
Help designers move from confusion to clarity faster ā while keeping strategy, copy, design, and client approval connected in one workflow.
Still more Iād love to improve:
deeper real data inputs
stronger drag-and-drop behavior
better client presentation mode
more polished animations
live export options
more visual direction templates
But for this version, Iām happy with the core concept: a useful AI workflow product built around a real design problem.
preview link:https://www.figma.com/make/LhthPqSGpwgLBKVoJdQLHG/Begin-Project?fullscreen=1&t=aPQZNZHYQiD53qn0-1&code-node-id=0-9
#ConfigMakeathon @figma #FigmaMake #ProductDesign #UIDesign #AIDesign #WebDesign #DesignTools #Contra
ā¢ Jun 10
This is actually a really useful idea. Turning messy client briefs into a clear workflow solves a real problem.
Love this!
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?
