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
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! 🚀
This was so much fun!!
Indeed! I discovered so many new things we could do 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
Pilah is an AI-powered waste sorting assistant built to solve one of Indonesia’s most visible daily problems: confusion around waste disposal. Even though the country generates massive amounts of waste every day, many people still struggle to sort it correctly. Pilah helps bridge that gap by making recycling easier, faster, and more intuitive for everyone.
With just a camera, users can point at any piece of trash and let AI do the thinking. Pilah identifies the item, gives clear disposal instructions, and logs the user’s positive impact instantly. Beyond sorting, it also helps users understand why their actions matter through an Impact tab that tracks weekly progress and compares personal contribution to the national scale.
To make the experience more engaging, Pilah turns waste sorting into a journey. Users can earn badges, build streaks, and download custom posters to share with friends and encourage more people to join the movement. It’s not just a scanner — it’s also a learning hub for sustainable living, with practical guides like home composting and other everyday eco-friendly habits.
Built entirely with Figma Make and connected to a live Supabase backend, Pilah is my way of using design and technology to create something purposeful, useful, and socially relevant. It reflects my belief that small actions can create real impact when the experience is simple, motivating, and accessible.
Figma site link: https://goal-finite-12613920.figma.site
Ready for Config Makeathon
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
This is actually a really useful idea. Turning messy client briefs into a clear workflow solves a real problem.
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?