Meal Planning App

Using Figma Make to create rapid prototypes

Inspiration

Recipe Card Page

Problem Space

Imagine it’s Friday night—you’ve just wrapped up a long week, you’re hungry, and the question hangs in the air: “What’s for dinner?” You open the fridge, only to find random ingredients that don’t quite fit together. Scrolling through endless recipes online feels overwhelming, and the temptation to order takeout creeps in. This is exactly the stress meal planning is meant to solve. When you plan ahead, you take the guesswork out of the evening rush. Instead of scrambling, you already know what’s cooking, you’ve got the ingredients ready, and you can even look forward to it. Meal planning helps reduce decision fatigue, saves money by cutting down on food waste, and supports healthier choices by nudging you toward balanced meals. It also makes grocery shopping smarter—you buy only what you need, in the right amounts, and you avoid that half-used bag of spinach going bad in the back of the fridge. Most importantly, it gives you back mental space. Instead of dinner being a daily stress point, it becomes a moment of calm, creativity, and connection.

Solution

A modern, scroll-worthy meal planning app that inspires you with recipes, lets you save and plan them like playlists, and instantly builds a smart grocery list so dinner is never a last-minute stress again.

I set out to use this project not just to design a meal planning app, but to learn how to leverage AI as a rapid prototyping partner. My goal wasn’t perfection on the first try, but speed—seeing how AI could help me generate multiple directions quickly, test ideas visually, and reduce the gap between concept and screen.

By experimenting with tools like Figma Make, I explored how AI can take on the “grunt work” of layouts and variations so I can spend more of my energy solving the actual problem: reducing the stress of “What’s for dinner?”

I used Pinterest as inspiration because it represents the kind of experience I wanted this meal planning app to create—one that feels visual, effortless, and inspiring rather than rigid or task-oriented. Pinterest makes discovery enjoyable by presenting an endless scroll of beautiful, personalized content that sparks ideas quickly, and that same approach works perfectly for recipes when people are hungry and looking for quick inspiration. Just like Pinterest allows users to save pins into boards for later, I wanted users to be able to easily save recipes and build their own “boards” of meal plans. Most importantly, Pinterest is mood-driven—it’s not about obligation, it’s about wanting to scroll—and I wanted my app to capture that same sense of delight, turning meal planning from a chore into something users actually look forward to engaging with.

I used Apple Music as inspiration because it reframes a routine activity—listening to music—into a personalized, curated experience that feels effortless and enjoyable. Apple Music doesn’t just give you a library of songs; it learns your tastes, suggests playlists for your mood, and turns choice overload into a few relevant, enticing options. That same approach fit perfectly with my vision for meal planning: instead of overwhelming users with endless recipes, the app would curate the right ones at the right moment, whether they want something quick after work or a cozy meal for the weekend. Just like Apple Music organizes listening around discovery, favorites, and playlists, I wanted my app to organize cooking around inspiration, saved recipes, and weekly meal plans.

Rapid Prototyping

In 2025, when so much of design has become automated by AI, I wanted to learn rapid prototyping not just as a way to make screens faster, but as a way to think faster. With AI able to generate endless variations, the real challenge isn’t creating assets—it’s guiding the process, making decisions, and shaping ideas into meaningful solutions.

For me, rapid prototyping was about learning how to prompt, iterate, and evaluate in real time so I could move from concept to testable experience in hours instead of weeks. It gave me the space to focus less on execution and more on solving the bigger problem while still staying hands-on in the creative process.

There are a plethora of tools that you can use for rapid prototyping, but for the purposes of this project, I chose to utilize Figma Make, for its ability to generate high fidelity prototypes and get the backend code, with something as simple as a prompt.

Home Page

Input

Input

Add to Meal Plan

Output

Output

After working with ChatGPT 5.0 to shape the problem space and generate ideas, I transitioned into Figma Make to bring those concepts to life visually. ChatGPT helped me articulate prompts, refine flows, and think through interactions, but Figma Make allowed me to actually see and test those ideas as screens. It became the bridge between abstract concepts and tangible prototypes—where I could explore different layouts, color systems, and microinteractions with speed and flexibility. Using Figma Make, I was able to push beyond static wireframes and experiment with more dynamic, scrollable designs that captured the inspiration-driven feel I was aiming for. This step was critical because it let me evaluate how the AI-generated concepts held up in a real design environment, where spacing, hierarchy, and visual polish directly impact usability. In short, ChatGPT gave me the thinking power, and Figma Make gave me the design power—together creating a workflow that felt rapid, modern, and future-facing.

Input

Output

Next
Next

Company Intranet