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
After years of saying I don't need a CV, I finally decided to build one, a little differently. I decided that if I were to do it, it should be one that shows some of my skills, not just lists them.
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
BOND - Verified Connection App for College Students
A mobile-first connection platform solving the dating app crisis through
verification-first design and intelligent matching.
🎯 The Problem:
College students struggle with dating apps filled with bots, paywalls,
and shallow matching that doesn't work.
✨ The Solution:
BOND introduces three matching modes:
Connect (interest-based matching)
Vibe (personality compatibility)
Collab (project partnerships)
All verified members, no bots, real connections.
🛠️ Built With:
Figma for design system & components
Figma Make for code generation
React + Next.js for frontend
Supabase for backend & real-time messaging
Tailwind CSS for styling
📊 Design System:
Professional color palette (#2E7D99, #FF6B6B, #4ECDC4)
Complete typography system
20+ reusable components
8 fully designed screens
🚀 Features:
✓ Email/password authentication
✓ Profile setup with photo uploads
✓ 3 intelligent matching modes
✓ Swipe-based discovery interface
✓ Real-time messaging
✓ Match notifications
✓ User settings & preferences
✓ Verification system
Timeline: Built in 2 weeks for Config Makeathon using Figma's AI tools.
Made for the Config Makeathon with Figma Make, Figma Agent, and Supabase.
Live Website: https://cursor-growl-93665217.figma.site/
Twitter/X Post Link: https://x.com/SurajShah2005/status/2065863278753112486?s=20
LinkedIn Post Link: https://www.linkedin.com/posts/surajshahofficial07_configmakeathon-figmadesign-productdevelopment-ugcPost-7471627931799154688-7A_a/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAE6M-BoBcHgroi8LWoEfIjzjeEdSSOeNp8k
#ConfigMakeathon #FigmaMake #ProductDesign #AppDesign #DesignToCode
#UIUXDesign #Startup #React #IndieHacker #AppDevelopment #TechInnovation
#FrontendDevelopment #Supabase #AIDesign #NoCode
Incredible!
What features are most important to you in an AI Resume Builder?
Label: AI Resume Builder
Description: I'm designing an AI-powered Resume Builder that helps job seekers create professional CVs in minutes. Users can enter their information, choose a template, and generate a polished resume with AI assistance.
Upload Media:
Resume Builder UI screenshot
Figma design screenshot
CV template preview
3 voted
50%
3 voted
50%
6 votes
Closed
Curvature Project link
This computer vision tool called Curvature Extractor & Piecewise Reconstructor, developed entirely within the Figma Make ecosystem. The application allows you to upload an image, draw a freehand polygon over an object, and mathematically extract and model the curves and edges inside that area. Every detected segment is fitted with a parametric polynomial equation. The reconstruction canvas in the Figma environment supports zooming, panning, and hovering over segment labels to read their equations inline.
The entire application was built, iterated, and compiled inside the Figma Make sandbox, utilizing a live Vite, React, and Tailwind environment to preview the app in real time. To handle the visual design and structural framework directly within Figma Make, I leveraged the create_make_theme MCP tool to establish a dark brutalist-technical aesthetic. This tool generated the specific color palettes and configured the font pairing of Inter and JetBrains Mono. To guide these design decisions, I used the Figma make:aesthetic-stance skill, which dictated the layout principles, typography hierarchy, and overall craft rules for the interface. The newly Updated Ai tool is really helpful.
Across this development session in the Figma Make sandbox, the original HTML and vanilla JS codebase was fully ported to TypeScript and React, using refs for imperative canvas access. I resolved a critical OpenCV.js loading bug within the sandbox by implementing polling for WASM runtime readiness instead of trusting the standard script onload event. The final UI reflects the Figma Make theme configuration, featuring a near-black background, cyan accents, numbered section headers, and corner bracket canvas decorations. Functional additions built into the sandbox environment include an equations panel with color-coded segment cards, cursor-centered scroll zooming, drag-to-pan functionality with a reset option, interactive hover equation popups, and a transparent PNG export tool.
Video of the walk through
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?