Glossary of AI tools for web design

Coding agent

An AI tool that works in a project folder: it reads and writes files and runs commands. Claude Code and Codex are examples. See coding agents for web design.

Editor with an agent

A code editor with an AI assistant built in that can change the open project, with each change shown for review. Cursor, VS Code with Copilot and Windsurf are examples. See code editors for web design.

Chat app

An AI assistant used as a conversation in a browser or desktop window. It answers with text and code and touches nothing outside the conversation. ChatGPT, Claude and Gemini are examples. See chat apps for web design.

App builder

A hosted service that generates a site or app from a prompt, shows it running and can publish it, keeping the project in its own workspace. Lovable, v0 and Bolt are examples. See app builders for web design.

Brief

The written instruction you give an AI tool. On this site a brief means more than a request: it states the output, the look in numbers, the content, the motion, the phone layout and how to check the result.

Starting design

A finished design handed to the tool as the thing to rebuild or adapt: a template's prompt, a project, a Figma frame. It replaces invention with adaptation.

Default

What a tool chooses when the brief is silent: a typeface, a palette, a card shape. Defaults are why pages from short requests look alike. See why the tool matters less than the brief.

Tokens

The named values a design is built from, such as colours, type sizes, spacing and durations, kept in one file so that every page reads the same ones.

Hosted workspace

The online environment where an app builder keeps and runs your project. The alternative is a folder on your own machine or in your own repository.

Code export

Getting a project out of a hosted workspace as files you control. Whether and how a builder allows it is in that builder's documentation.

Test brief

One fixed brief run unchanged in every tool you are comparing, so that results differ only in how well the brief was followed. See one test brief for any AI tool.

MCP

Model Context Protocol, a way for an AI agent to use outside services. An agent connected to a design library's or a design tool's MCP server can fetch a design directly. uberdesigner's is at uberdesigner.ai/mcp ↗.