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
A garage and workshop niche affiliate site targeting DIYers and homeowners. Built with weekly content, custom interactive tools, and a revenue target of $10,000/month.
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
Built Monster Wall for the Figma Makeathon.
You create a monster, give it a power and publish it to a shared live canvas. Once it lands, it searches for its kindred spirit and connects to the closest match with a permanent gold thread. The wall stays alive with ambient effects, power ripples and real time cards dropping in as people publish.
Built entirely with Figma Make, Supabase for real time data and CSS animations for all the interactions.
Try it at fig-monster.figma.site
Community Publish Link - https://www.figma.com/community/file/1647287443103902432/make-your-fig-monster
Love seeing different approaches to the Makeathon. This is a thoughtful and well-executed project.
Details matter. Working on a clean and shiny Framer website design for a local small business. Quite a step outside the corporate walled garden I'm used to! Fun project for me.
so clean & clear! awesome work, it's always a nice to make a leap into another sort of project than the norm.
What is Freegma?
Freegma is a local AI generation studio that runs entirely on your own GPU — no subscriptions, no cloud costs, no limits. Users can generate images, 3D models, videos, lip-sync avatars, and full ad creatives, all powered by open-source AI models running on their own machine and exposed securely through a Cloudflare tunnel.
UI/UX — Built with Figma Make
The entire interface was designed and generated using Figma Make, Figma's AI-powered code generation tool. Starting from a design prompt describing a holographic, cyberpunk aesthetic, Figma Make produced the component structure, layout system, and visual language that became Freegma's UI.
The design language is built around a "Holographic AI Studio" concept:
Deep black backgrounds (#0a0a0f) with a subtle cyan grid overlay
Neon gradient accents in cyan (#00f5ff) and purple (#7000ff) — reflecting the duality of neural generation
Corner bracket decorations on cards, glitch text animations, and a GPU status badge that pulses live
Typography: Orbitron for headings (geometric, futuristic), Share Tech Mono for labels and data (terminal aesthetic), Rajdhani for body text
Every page is a full-screen "portal" — Text→Image, Image→3D, Image→Video, Lip Sync, Ads Studio — with a persistent holographic navbar and animated transitions via Framer Motion
The landing page features a large hero section with a "CREATE WITH HOLOGRAPHIC AI" headline, live GPU status, and animated tool cards built with Figma Make's component generation. The auth page follows the same visual system with glowing input fields and corner accent decorations.
Technical Stack
Layer Technology Frontend React 19 + TypeScript + Vite 6 Styling Tailwind CSS v4 + Framer Motion (motion/react) UI Generation Figma Make Routing React Router v7 Auth Supabase (email/password + Figma OAuth) Backend FastAPI (Python) on local GPU machine Tunnel Cloudflare Tunnel (fixed domain: api.freegma.win) Deploy Vercel (frontend) — auto-deploy on git push AI Runtime ComfyUI (local)
AI Models Integrated
Text → Image: SDXL 1.0 via ComfyUI
Image → 3D: TripoSR, SF3D, InstantMesh (isolated Python venvs)
Image → Video: WAN 2.2 via ComfyUI
Social post: X= https://x.com/IDoiciu1863/status/2066761804730999111
Figma comunity= https://www.figma.com/community/file/1648074023441664027
Live project= https://www.freegma.win/
The overall craft and attention to user experience are impressive. Great job!
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?