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
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
Day 1 | Phase 1
I may be joining the Config Makeathon a little later than most participants, but with 10 days still on the clock, I'm documenting the entire journey from idea to final submission.
Today marks Phase 1: Discovery & Definition for my project, Access Atlas.
Before designing a single screen, I wanted to understand the problem deeply.
Today's Focus :
Defined the problem statement
Identified the core solution
Outlined the product's unique value proposition
Listed must-have experiences and features
Defined the target audience
Conducted a brainstorming session to map every accessibility attribute that could influence a user's experience
The Problem
Millions of people encounter accessibility barriers every day, but most places only provide fragmented, generic, or outdated accessibility information.
The challenge isn't just knowing whether a place is accessible.
It's knowing whether it's accessible for you.
The Solution
Access Atlas is a personalized accessibility intelligence platform that helps people understand how accessible a location is for their specific needs before they visit.
Instead of a one-size-fits-all accessibility rating, users receive insights tailored to their personal accessibility profile.
Key Question Driving This Project
"How can we move beyond generic accessibility labels and create truly personalized accessibility insights?"
That question is shaping every decision moving forward.
You've got plenty of time! Excited to see what you make!
KeyDash is a web-based typing game built for the Config Makeathon using Figma Make.
The idea came from a simple problem: typing practice is useful, but it can feel repetitive and not very motivating. I wanted to explore how a clean typing-test interface could be combined with a playful game mechanic.
In KeyDash, players type random English words while a pixel-art runner tries to stay ahead of a human chaser. Every correct word increases the lead, while mistakes and slow typing make the chaser get closer.
Players can choose difficulty, time duration, character, and map before starting a run. During gameplay, KeyDash tracks WPM, accuracy, time, correct words, combo, and lead distance. At the end, players get a result screen with their final WPM as the main score, plus supporting stats and shareable results.
I used Figma Make to design and build the working prototype, iterating through the interface, gameplay logic, result screen, and visual style directly from prompts and refinements.
Try the live project here:
https://mind-cinch-79522553.figma.site/
View the Figma Community file here:
https://www.figma.com/community/file/1646235222942005244/keydash-arcade-typing-game-built-with-figma-make
KeyDash — Type fast. Stay ahead.
love it! We need more difficult levels! And starting at the first letterpress would be cool too.
Between Us
Between Us is an emotionally immersive shared digital space designed to help people feel emotionally closer in a world where communication often feels fast, noisy, and emotionally disconnected.
Instead of building another traditional messaging or social platform, this project explores how atmosphere, cinematic storytelling, emotional presence, and immersive interaction design can create deeper and more meaningful digital connection between two people.
The experience introduces emotionally adaptive atmosphere systems:
Memory Mode
Presence Mode
Dream Mode
Healing Mode
Celebration Mode
Each mode transforms the emotional feeling of the experience through cinematic visuals, ambient environments, lighting systems, motion, music-inspired atmosphere, and emotionally driven UI design.
Users can share:
memories
emotional diaries
future letters
voice moments
ambient music
emotional presence
shared atmosphere
The goal was to explore how emotionally intelligent digital experiences could feel calmer, softer, and more human-centered.
Workflow
This project was built using an AI-native workflow across Figma’s ecosystem.
Figma Weave
Used for:
emotional worldbuilding
cinematic atmosphere generation
background image creation
visual storytelling assets
emotional mode exploration
Figma Make
Used for:
rapid mobile app prototyping
interface generation
atmosphere-driven UI systems
interaction exploration
visual iteration
Cursor + Figma MCP
After generating the initial experience in Figma Make, I exported the source code into Cursor and connected Figma MCP to continue refining and completing the product.
This workflow allowed design context, generated UI, and development to remain connected throughout the process.
Inside Cursor, I refined:
layouts
interactions
responsiveness
atmosphere transitions
visual polish
final experience details
Live Experience
Figma Community
Why I Built This
This project explores how AI-native creative tools can be used not only for productivity and speed, but also for emotional storytelling, cinematic UX, atmosphere-driven interaction, and more meaningful human-centered digital experiences.
This is such a creative use of Figma’s AI ecosystem. Really inspiring workflow and presentation đŸ”¥
Challenges
View all
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?