Generate Diverse Names for UX/UI Mockups with OpenAI

Go to Workflow
0 views
Built by Dahiana Dahiana
Created on June 13, 2026

Description

This template demonstrates how to build an AI-powered name generator that creates realistic names perfect for UX/UI designers, developers, and content creators.

Use cases: User persona creation, mockup development, prototype testing, customer testimonials, team member listings, app interface examples, website content, accessibility testing, and any scenario requiring realistic placeholder names.

How it works
AI-Powered Generation:** Uses any LLM to generate names based on your specifications
Customizable Parameters:** Accepts gender preferences, name count, and optional reference names for style matching
UX/UI Optimized:** Names are specifically chosen to work well in design mockups and prototypes
Smart Formatting:** Returns clean JSON arrays ready for integration with design tools and applications
Reference Matching:** Can generate names similar in style to a provided reference name

How to set up
Replace "Dummy API" credentials with your preferred language model API key
Update webhook path and authentication as needed for your application
Test with different parameters: gender (masculine/feminine/neutral), count (1-20), reference_name (optional)
Integrate webhook URL with your design tools, Bubble apps, or other platforms

Requirements
LLM API access (OpenAI, Claude, or other language model)
n8n instance (cloud or self-hosted)
Platform capable of making HTTP POST requests

API Usage
POST to webhook with JSON body:
{
"gender": "masculine",
"count": 5,
"reference_name": "Alex Chen" // optional
}

Response:
{
"success": true,
"names": ["Marcus Johnson", "David Kim", "Sofia Rodriguez", "Chen Wei", "James Wilson"],
"count": 5
}

How to customize
Modify AI prompt for specific naming styles or regions
Add additional parameters (age, profession, cultural background)
Connect to databases for persistent name storage
Integrate with design tools APIs (Figma, Sketch, Adobe XD)
Create batch processing for large mockup projects

Nodes Used (3)

AI Agent
@n8n/n8n-nodes-langchain.agent
Code
n8n-nodes-base.code
OpenAI Chat Model
@n8n/n8n-nodes-langchain.lmChatOpenAi