app

Better Design

A design harness for ChatGPT

When ChatGPT builds you an app, a website or a page, it often looks generic and misses how people will use it. Better Design is a design harness that helps ChatGPT get both right.

Pick a look. Describe your product, and Better Design shows you design systems that fit it, such as calm and trustworthy for a finance app. A design system is the set of colors, fonts, buttons and cards that makes a product look like one brand. You choose one, and ChatGPT builds with it.

Make your own. Describe the feel you want, or share your website, and Better Design creates a custom design system in a few minutes.

Get the experience right. Better Design tells ChatGPT how sign-up, onboarding, forms, search, checkout and error messages should work, and what each screen should say.

Check the result. Better Design reviews what ChatGPT built for the problems people notice: text that is hard to read, buttons that are hard to find, screens that ask for too much at once, and words only insiders understand.

How to use

  1. 1Add it in ChatGPT

    Open Better Design in ChatGPT's Plugin directory (button above), select + to add it and sign in if asked.

  2. 2Use it in a chat

    Type @ in the composer and pick Better Design, or start your message with its name. ChatGPT may also suggest it when it fits what you ask.

Things to ask

  • “Build me a landing page for my budgeting app. Show me a few design styles that fit before you start.”
  • “Create a warm, friendly design system for my coffee subscription brand.”
  • “Review my signup page and tell me what a new visitor would find confusing.”

Related