7 Tips for Using Figma Make Credits More Efficiently | Figma Blog (opens in new tab)

Figma argues that efficient AI prototyping is less about writing longer prompts and more about setting up projects carefully, limiting changes, and knowing when to edit manually. The first prompt should establish a strong foundation, while follow-ups should describe precise deltas. For minor visual or code changes, direct editing is often faster and cheaper than another AI request.

Build a Strong First Prompt

• Treat the initial prompt as a complete project brief.
• Include:
  • The project goal and context
  • Key elements and behaviors
  • Constraints and exclusions
  • A clear definition of what “done” means
• Use follow-up prompts as deltas that explain:
  • What should change
  • How it should change
  • What should remain unchanged
• For larger projects, work in stages:
  • Establish the structure first
  • Add logic and behaviors
  • Refine content and visual polish afterward
• Keep follow-ups tightly scoped. Combine requests only when they affect the same component or logic.
• Specific instructions such as “Update the calendar component” or “Edit tokens.ts” are more efficient than vague requests like “Redo it.”

Prefer Manual Edits for Small Changes

• Use Figma Make’s Edit tool for minor adjustments such as:
  • Changing spacing
  • Removing an element
  • Adjusting text
• Direct edits avoid spending credits on changes that do not require a new design solution.
• Use Go to source when the relevant value is dynamic or unavailable in the preview.
• Press ⌘F to search the code for a specific tag or data source.
• Start with App.tsx, then inspect other .tsx files in the component folder if necessary.
• Direct source editing is particularly useful for repeated components or content populated from lists.