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
There are 14,000+ active satellites above us, running GPS, weather forecasting, global internet, and so much more. They know us incredibly well, but how much do we know about them?
OFIA (Our Followers In the Atmosphere) is an interactive, explorative satellite education platform with real-time orbital tracking, photorealistic 3D models, component-level disassembly, and a context-aware voice AI. It was built and published entirely inside the Figma Suite.
Workflow:
1. Gathered inspiration and explored design directions with Figma Agent.
2. Built out the design language and component system, also with Figma Agent.
3. Sourced NASA's own 3D assets for the photorealistic satellite models.
4. Integrated real-time orbital data using satellite.js and Celestrak TLE feeds for live tracking.
5. Built schematic geometry and React components iteratively in Figma Make with Claude Opus, using NASA wireframes and technical diagrams as reference.
6. Integrated voice AI using Web Speech API and Groq for context-aware Q&A.
7. Iterated and refined via Figma MCP and Make.
8. Published though Figma Make.
woah this is wild
thank you!
@Contra HQ forgot to put my community file link in the post so putting it here! https://www.figma.com/community/file/1649693514320723326
Awesome! Great work!
So sweet! Thanks
This must have required a very tedious study. Well done
It definitely wasn't the easiest, lots of trial and error haha. Thank you
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 Dear.
We've made saying "I love you" disposable. A text, an emoji, a $4 card that looks like everyone else's. Dear makes one small act of love feel worth keeping.
You answer five small questions about someone you love: a color that feels like them, a place you think of, a small thing they do, one line you'd want them to know. Dear then composes a one-of-one keepsake: a short letter written from those exact details, over a soft painting generated from the details of your answers. Because it's built from the little things only you know, no two are ever alike.
Built with Figma's suite: the art direction was made in Figma Weave, the whole experience was built in Figma Make (prompt to code), then exported into Claude Code to bring it to life. Live letter-writing and a painting generated for each person.
🔗 Try it: https://dear-app-six.vercel.app
🎨 Figma file: https://www.figma.com/community/file/1649121818473481909
#ConfigMakeathon
you could add ambient music in background, that would make this perfect
Little Voices is a keepsake of your kid's voice. It's for the silly, fleeting, unrepeatable bits, before they grow out of them. https://littlevoices.figma.site
I have thousands of photos and videos of my daughter, but barely any recordings of her voice. Voice memos get buried in a list, and I hardly go back to them. As she grows up , she’s changing faster than I can hold on to her.
So I built Little Voices for the Config Makeathon, but maybe more so for myself, and other parents who might feel the same way.
I've been using it with my daughter, and she loves hearing her own voice. She keeps becoming someone new, and now I get to hear every version of her, whenever I want.
What it does:
🎤 Catch a moment in seconds
📚 Each memory becomes a storybook card, marked by the age your kid was when you caught it
🗂️ Sift through the pile, browse by age like a time capsule, or search by keywords
💭 Prompts to help when you draw a blank
📈 See how often you record, gently — no streaks, no guilt
🧒 A separate collection for each kid
How I built it:
🎨 Figma Weave for the card art. I built a repeatable workflow that generated dozens of cards in a consistent style, instead of prompting one at a time.
✨ Figma Agents for design exploration and a simple design system. Figma-native agents felt like a true design collaborator that understood my context — directly fine-tuning iterated designs was what was missing in my Claude Code / Figma MCP workflows.
🧱 Figma Make to put it all together. The trick: ask it for a plan before executing anything. Reviewing the plan first meant the component came out right the first time, instead of three rebuilds later.
If you have your own version of this in your life, tell me about it in the comments. 🙌
Huge thanks to the Figma support team; I hit a publishing wall on both Sites and Community, and they personally unstuck both for me so I could ship this. This entry couldn't exist without them!
🎨 Figma Community file: https://www.figma.com/community/file/1648859345546148095
This is a great example of creative problem-solving. The final experience feels very polished.
I designed EyeText 👁️, an eye-controlled communication experience for people who have difficulty speaking or using their hands.
Using eye tracking and intentional blinks, users can navigate a keyboard, create messages, and convert them into speech. The experience also includes personalized calibration and quick communication cards for everyday needs.
What excites me most about this project is how quickly an idea became reality. Using Figma Make, I was able to transform a concept into a working interactive experience with a single prompt.
Design, accessibility, and technology coming together to help people express themselves.
🔗 Live Demo:https://serif-modify-89640782.figma.site
🔗X / Twitter Post: https://x.com/Naghdaliyevaart/status/2067282836021776819?s=20
This hero section background lowered my cortisol, great work Nigar!
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?