0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Documentation

Mock Master AI Docs

Everything you need to know about installing, using, and getting the most out of Mock Master AI.

Quick Start

Getting Started

1

Install the plugin

Open Figma and go to the Community tab (or press ⌘/ to search). Search for Mock Master AI and click Install.

Direct install link
2

Open the plugin

In your Figma file, go to Main Menu → Plugins → Mock Master AI, or right-click on the canvas and choose it from the context menu.

3

Select text layers

Click one or more text layers on your canvas. The plugin processes each selected text layer independently.

You can select multiple text layers at once using Shift+Click. Mock Master will fill each with unique data.
4

Choose a tab and fill

Pick from Pre-filled Data (28+ types), AI Replace (custom prompts), or Image (avatar generation). Click the replace button and your layers are updated instantly.

No setup required — Mock Master works out of the box with a built-in free-tier API key for AI features.
Data

Pre-filled Data

Browse 28+ data types across 8 categories. Search by name or filter by category. Click the randomize button next to any type to fill your selected text layers.

Categories

Personal
Name, First Name, Last Name, Email, Phone, Age, Birthday, Gender, SSN
Business
Company, Profession
Location
Address, City, State, Country, Zip Code, Latitude, Longitude
Internet
Avatar URL, URL, IP Address, Twitter handle
Finance
Credit Card, Currency code
Text
Lorem, Sentence, Paragraph
Design
Color (hex)
Social
Hashtag
Use the search bar to quickly find a data type. The category filter tags let you narrow the list.
AI

AI Replace

AI Replace uses GPT-3.5 to generate custom mock data from a plain-text prompt. Type what you need and it fills every selected text layer with a unique value.

How it works

1

Write a concise prompt

Examples: "email", "Australian phone number", "startup product name", "vehicle license plates of the United States". Works best with single-word or short-phrase prompts.

2

Select text layers

Select the text layers you want to fill. Each layer receives a unique generated value.

3

Click Replace with AI

Mock Master sends the prompt to GPT-3.5 and updates each selected text layer with the generated content.

Free tier vs BYOK

Mode
Max Tokens
Setup
Built-in key
20
None — works immediately
Your API key
1000
Add in Settings tab
The built-in key is shared and rate-limited. For production use, add your own OpenAI API key in Settings.
Images

Image Generation

Generate AI avatars and placeholder images directly into Figma frames. Enter a custom prompt or pick a style category.

Supported styles

Realistic
Detailed, lifelike avatars with natural textures
Cartoon
Vibrant colors, exaggerated features, playful
Anime
Big eyes, sharp lines, vibrant palette
Vector
Clean lines, minimal detail, flat colors
Fantasy
Mythical elements, elaborate costumes, magical
Sci-Fi
Futuristic clothing, high-tech accessories
Cyberpunk
Neon colors, cybernetic enhancements, urban
Steampunk
Victorian-era, mechanical gadgets, retro
Chibi
Cute, small-bodied, large heads, big eyes
Minimalist
Simple shapes, limited palette, clean

How image generation works

1

Select Figma frames

Click one or more frames on the canvas. The generated image will be placed as a fill inside each frame, sized to fit.

2

Enter a prompt or pick a category

Type a custom prompt (e.g. "a cat wearing sunglasses") or select an avatar style category from the tag list.

3

Generate or Randomize

Click Generate to use your prompt/category, or Randomize to pick a random style automatically.

Image generation uses an external API. Select frames (not text layers) for image features to work correctly.
Config

Settings & API Key

Mock Master works out of the box with a built-in API key. For higher limits and full control, add your own OpenAI API key.

Bring Your Own Key

Go to the Settings tab and paste your OpenAI API key. The key is stored securely in Figma's client storage — it never leaves your device.

Free Tier

Without your own key, Mock Master uses a built-in API key with a 20-token limit per request. Enough for short mock data but not long paragraphs.

Get an OpenAI API key at platform.openai.com. New accounts get free credits to start.
Reference

All Data Types

Complete reference of all 28+ pre-filled data types available in Mock Master AI.

Type
Category
Example
name
Personal
John Doe
firstName
Personal
John
lastName
Personal
Doe
email
Personal
john@example.com
phone
Personal
(555) 123-4567
age
Personal
32
birthday
Personal
4/1/1990
gender
Personal
Female
ssn
Personal
123-45-6789
company
Business
Acme Inc.
profession
Business
Software Engineer
address
Location
123 Main St
city
Location
New York
state
Location
California
country
Location
United States
zipCode
Location
12345
latitude
Location
40.7128
longitude
Location
-74.0060
avatar
Internet
https://...
url
Internet
https://example.com
ipAddress
Internet
192.168.0.1
twitter
Internet
@johndoe
creditCard
Finance
4111 1111 1111 1111
currency
Finance
USD
guid
Technical
123e4567-...
color
Design
#FF5733
lorem
Text
Lorem ipsum...
sentence
Text
This is a sentence.
paragraph
Text
A random paragraph...
hashtag
Social
#awesome
Tips

Tips & Tricks

1

Select multiple layers at once

Shift+Click to select several text layers. Mock Master fills each with unique data in one click.

2

Use specific AI prompts

"Australian phone number" works better than "phone number". The more specific, the more realistic.

3

Combine pre-filled and AI

Use pre-filled data for standard fields (name, email) and AI Replace for domain-specific content.

4

Generate avatars for user cards

Select the avatar frame, pick a style, generate. Then pre-fill the name and email. Full user card in seconds.

5

Undo is your friend

All operations support Figma's native undo (Cmd+Z). Experiment freely.

6

Add your API key for speed

The built-in key has a 20-token limit. Add your own in Settings for 1000 tokens and faster generation.

Feedback

Figma Community plugin page.

Open on Figma