Quick Keypoints
- Translate plain English user interface descriptions into technical terms.
- Search a visual dictionary of common web and macOS UI components.
- Generate precise prompts to guide AI coding agents on design tasks.
- Double-tap any word for instant plain-English UI definitions.
What is NameThatUI?
An AI-assisted visual dictionary to identify UI elements by name.
NameThatUI is an interactive visual dictionary that bridges the gap between visual descriptions and technical naming. When you describe a component in plain words—like 'the dots you grab to drag'—the tool provides the correct name, API symbols, and coding instructions for SwiftUI, AppKit, or web frameworks.
Who Needs NameThatUI?
Designers, front-end developers, and product teams collaborating with AI coding agents who need consistent UI vocabulary.
Primary Use Cases
- Generating interactive mockups, wireframes, and design components.
- Streamlining collaborative visual editing and layouts.
- Creating beautiful spatial staging, visuals, or branding materials.
Important Features
- AI Translator: Converts bad descriptions into correct technical terminology.
- Visual library: Browse split views, command palettes, hamburger menus, and more.
- Agent Prompts: Copies precise component descriptions for ChatGPT or Claude.
Current Updates About NameThatUI
- NameThatUI now supports dark mode and has added new SwiftUI component mappings.
- Current Version: NameThatUI v1.0
Editorial Rating
4.6 / 5.0
Pricing Plans
| Plan | Price |
|---|---|
| FreeFull access to visual dictionary, search tool, copyable agent prompts, and definitions | $0 |