Amha Mogus

Exploring the shifting landscape of design and AI Figma Make

·

Amha

Figma Make “is an AI-driven, prompt-to-app tool that lets you bring ideas and existing Figma designs to life as functional prototypes”. My goal was to use Figma Make to create a web analytics product (aka Amhalytics) to see how quick and easy it is to brings designs to life.


Pros

  • Usability: Extremely easy to get started—one prompt can overcome the dreaded “blank canvas” problem.
  • Design System: Clean, modern visuals powered by components from a well‑structured design system.
  • Interaction Control: You can target specific components by selecting them directly from the Generated Interface.
  • Deployment: Publishing the UI, integrating Google Analytics, and testing with customers is quick and straightforward.

Cons

  • Export Limitations: You can download the generated code, but the full project source isn’t accessible.
  • Attention Split: The dynamic, generated interface often distracted me from reading the AI’s responses.
  • Edit Precision Issues: For example, I selected a bar chart and asked the LLM to make the bars orange—it didn’t work.
  • Prompt Limits: Free “AI credits” run out quickly (currently ~5 prompts before requiring signup).

Take a look at the output, my prompts (below), and a link to the figma community post.

AI Generated Interface

Screenshot of Amhalytics, a AI Generated interface for a fictional web analytics product built using Figma Make.

Design Intent and Prompts

Below you’ll find the specific prompts I used to build the following design:

I want to make a web analytics webapp. Can you make a dashboard with top stats for web analytics?

Amhalytics | Figma Make Prompt 1

Use a dark theme and for the components and use the orange primary color.

Amhalytics | Figma Make Prompt 2

Convert to bar chart. Title should be ‘Page views last 14 days’. Insert bars with values between the 12k and 8k.

Amhalytics | Figma Make Prompt 3

Change the color of the bars to orange.

Amhalytics | Figma Make Prompt 4

I want to add a site header as a section to the top of the dashboard. The header will have the product name ‘Amhalytics’ on the left side. On the right side, I want a user avatar and icons for alerts, ai, and settings. Below the product name, I want to add a navigation menu with the following navigation items: Home, Tuning, Workflows, Reports, Data, Services

Amhalytics | Figma Make Prompt 5