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
Life Compass
AI-Powered Direction for Personal Growth
Website live link: https://delightful-crumble-a984f6.netlify.app/
Overview
Life Compass is an AI-powered personal growth platform designed to help people discover where to focus their attention to create meaningful change in their lives.
In a world filled with productivity tools, self-help content, and endless advice, many people are not suffering from a lack of information—they are suffering from a lack of clarity.
Life Compass helps users identify the one area of their life that deserves attention right now by visualizing life as an interconnected system.
Rather than trying to improve everything at once, users receive personalized guidance toward the highest-leverage opportunity for growth.
The Problem
Millions of people feel stuck despite being ambitious, capable, and motivated.
They often ask themselves:
What should I focus on next?
Why do I feel overwhelmed?
Why am I working hard but not making meaningful progress?
Which area of my life deserves attention right now?
Existing solutions focus on:
Productivity
Goal tracking
Habit building
Time management
However, these tools assume users already know what matters most.
The real challenge often comes earlier:
People lack direction.
Without clarity, even motivated individuals struggle to create meaningful progress.
Life Compass was built to solve this problem.
The Solution
Life Compass acts as a navigation system for life.
Through a guided reflection process, users explore key dimensions of their lives, including:
Career
Relationships
Health
Purpose
Energy
Confidence
Learning
Financial Wellbeing
The platform analyzes these dimensions as an interconnected system and identifies:
Areas of strength
Areas of opportunity
Relationships between life dimensions
The highest-leverage direction for growth
The result is a personalized Life Compass that helps users understand where to focus and why.
Key Features
Guided Reflection Experience
Users begin with a thoughtful assessment designed to feel more like a conversation than a survey.
The experience encourages reflection and self-awareness while collecting insights across multiple life dimensions.
Interactive Life Compass
The Life Compass visualizes the user's life as a living system.
Each life dimension becomes a connected node within a dynamic map.
Users can explore how different aspects of their lives influence one another and gain a deeper understanding of where change can create the greatest impact.
Compass Reveal
The Compass Reveal is the emotional centerpiece of the experience.
Rather than presenting scores or analytics, Life Compass reveals:
Strongest Area
Biggest Opportunity
Next Direction
This transforms reflection into clarity and provides users with a meaningful starting point for growth.
Future Self Simulator
Users can visualize how small, consistent actions may influence their future over time.
The Future Self Simulator helps transform abstract self-improvement into a tangible and motivating experience.
Design Philosophy
Life Compass is inspired by the belief that every life is its own universe.
The visual system combines themes from:
Navigation systems
Astronomy
Connected ecosystems
Personal reflection
The experience was intentionally designed to feel:
Calm
Reflective
Premium
Hopeful
Human
The interface uses cosmic environments, glowing connections, depth, motion, and immersive storytelling to reinforce the idea that every aspect of life is interconnected.
The goal was to create an experience that feels less like software and more like self-discovery.
Figma Workflow
This project was built using Figma's ecosystem of AI-powered tools.
Figma Design
The product journey, information architecture, user flows, and interface design were developed inside Figma.
Multiple iterations were explored to refine onboarding, storytelling, interaction patterns, and visual hierarchy.
Figma Make
Figma Make was used to rapidly transform concepts into functional interfaces.
Using natural language prompts, layouts and interactions were generated, tested, and refined, allowing more time to focus on product strategy, user experience, and storytelling.
Figma MCP + Cursor
Figma MCP was connected with Cursor to bridge the gap between design and implementation.
This workflow enabled design context to remain intact throughout development, accelerating iteration and improving consistency between design and code.
Figma Weave
Figma Weave was used to explore visual concepts, create immersive mockups, and generate creative assets aligned with the Life Compass vision.
These assets helped communicate the product story and establish a cohesive visual identity.
Impact
Life Compass is an exploration of how design and AI can help people make better life decisions.
The project demonstrates how thoughtful user experience, visual storytelling, and AI-assisted workflows can transform complex personal challenges into actionable clarity.
The long-term vision is to create a platform that helps people navigate uncertainty, discover meaningful direction, and build lives with greater intention.
What Makes Life Compass Different
Most personal growth tools ask:
"What should you do more of?"
Life Compass asks:
"What matters most right now?"
That shift—from productivity to clarity—is the foundation of the product.
Because people do not always need more information.
They need direction.
Built for Config Makeathon 2025
Designed using Figma Design, Figma Make, Figma MCP, Cursor, and Figma Weave.
Life Compass explores how AI-powered design workflows can be used to solve meaningful human problems through thoughtful product experiences.
It's really useful
Thank you! 😊
That was exactly the goal—to help people find clarity when they're feeling overwhelmed by too many priorities. Really appreciate the support!
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
Pip is a zero-friction health companion built to turn tracking your health (SYMPTOMS, DIET AND MORE) into clinical clarity. It abandons rigid 0–10 numeric scales and replaces them with a compassionate, glanceable interface.
❤ Why It Was Built
Pip was born out of pure personal necessity. I built it because it was something I desperately needed, and something a few close friends and someone incredibly close to my heart needed too. I wanted to strip away the clinical coldness of modern software and create something beautifully simple that could be truly, deeply helpful on someone's hardest days
⚠️ The Problem
Traditional health apps suffer from "Data Collection Theater." They force users suffering from chronic illness or fatigue to rate dozens of variables daily, causing severe decision fatigue.
Worse, they act as data sinks, dumping raw, chaotic charts onto doctors. In a high-stakes, 15-minute medical consultation, physicians don't have the time to audit raw logs. They need high-yield, synthesized clinical signals, not noise. Pip bridges this gap by assuming "bad days are the default," capturing symptoms effortlessly, and compiling them into a clean, one-page summary sheet.
🛠 The Figma Workflow Pipeline
To bring Pip to life, I leveraged the Figma ecosystem:
Figma Weave: Used to iterate and generate the visual asset layers for Pip’s mascot.
Figma Agent: Brainstormed layouts directly on the canvas, instantly pairing elegant fonts and organizing simple, stress-free forms.
Figma Make: Instantly turned those canvas designs and components into a live, fully working, and responsive web application while allowing rapid iteration.
What if you could see the world through the eyes of a local? 🧐
A quick search doesn't always cut it. We get funneled toward the same generic spots, and half the time we don't even know why something's being recommended to us.
Incola fixes that. Just ask someone who actually knows the place you're heading to. 🧳
Where should I go if I love history and I've got 2 days in New York? Where do I find open-air house music events in Tokyo? Ask a local. And while you're at it, help other travelers by answering the open questions about your own city.
Try it now! The more people jump in, the faster we leave the cold start problem behind. 😄
Can't believe I'm saying this, but all of this was built in Figma Make.
Try Incola: https://vary-mac-30681003.figma.site
More insights coming soon.
This is so cool! this is going to be such a fun way to make an itinerary when travelling
Bloom Lab is a cozy virtual plant-breeding mini game where users can choose a seed, plant it, care for it, help it bloom, and create new hybrid plants by combining traits.
The idea started with a simple thought:
What if a plant-care game could feel calm, expressive, and a little magical?
In the game, each plant reacts through mood changes, care meters, facial expressions, and small interactions. Users can water the plant, give it sunlight, watch it grow, and eventually discover hybrid plants like Glowleaf, Honeybloom, and Dreamberry.
This project was also special for me because it was my first time using Figma Make, along with other AI-assisted tools/models during the process. It was exciting, but also challenging. I had to learn how to work with prompts, fix broken flows, manage component states, refine animations, and make sure the final experience still felt intentional as a design.
Some things I focused on:
Building a soft and cozy visual style
Creating reusable components and plant assets
Designing smooth micro-interactions
Making the care screen feel alive through plant expressions and idle animations
Creating branching outcomes based on seed and hybrid choices
This project taught me a lot about designing with AI tools not just generating screens, but guiding, correcting, and shaping the experience until it felt like my own.
It was a challenging but really fun learning experience, and I’m happy I pushed myself to participate.
Check it out here: https://pad-flyer-18166722.figma.site
Highly captivating novel experience.
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?