Tips for Best Results

ProtoPie AI works best when it can reference existing, clearly-defined elements in your design.

Prepare Your Elements First

• Create all necessary layers (text, shapes, images, etc.) before asking the AI
• Include initial content that reflects the intended behavior
  • Example: "0" for a counter display, "OFF" for a toggle label

Use Descriptive Layer Names

• Rename layers to reflect their purpose
  • ✓ "counterDisplay" instead of "Text 1"
  • ✓ "submitButton" instead of "Rectangle 3"
• Clear naming helps AI understand your intent and reduces errors

Use @ Mentions

Reference layers directly with @ mentions for better precision:

• ✓ "Make @submitButton turn gray when tapped"
• ✗ "Make the submit button turn gray"

Be Specific in Your Requests

Instead of: "Make a counter."

Try: "When the Start trigger fires, increment the counter variable and display it in the @counterDisplay text layer."

Describe Interactions Clearly

• Specify triggers: "on tap," "on drag," "on scroll," etc.
• Define start and end states: Clearly state the beginning and ending values (position, opacity, scale, etc.)
• Include timing: Duration, delay, or easing curves when relevant

Break Down Complexity

• Don't try to do everything in one request—break it down and make multiple simpler requests
• Use follow-ups to refine results by asking AI to adjust what it just created

Verify Results

• Preview interactions to confirm behavior
• Double-check generated formulas for edge cases
• AI creates the first version, you perfect the final behavior