<aside> 💡

This guide is for product designers (and product managers, I guess) who want to use AI tools like Lovable, Bolt, or Figma Make to rapidly test and extend product ideas — especially when starting from Figma designs and avoiding code.

</aside>

👀 Starter prompts

Here are some starter prompts you can adapt to your own product ideas:

Turn a Figma design into a prototype

Take the attached Figma designs and turn it into a working prototype. Connect the screens and use the component styles in the designs.

Try different UX patterns

Show me three layout variations for this screen — one tabbed, one card-based, and one using an expandable list.

Add basic functionality

Add logic so that when a user completes this form, a confirmation screen appears and the item is saved to a list.

Write copy

Write friendly and clear microcopy for this form — especially for error states and empty screens.

Explore edge cases

Add functionality to handle when there’s no data yet, or when something goes wrong.

🎯 Strategy: Align → Plan → Execute

If you want to try some more advanced techniques, try breaking down the work into three phases:

1. Align: Define the Product

Start with prompts that help you clarify the problem, the flow, and what "done" looks like.

Prompt:

Ask me one question at a time so we can develop a thorough, step-by-step spec for this idea. Each question should build on my previous answers, and our end goal is to have a detailed specification I can hand off to a developer. Let’s do this iteratively and dig into every relevant detail. Remember, only one question at a time.

Here’s the idea: [Idea]

Then: