metaphor/marketplace

agent · template

Designer

Sketches flows and layouts on a board. A starter product designer. It begins from your goal and the screens that already exist in your workspace, lays out flows and wireframes on a board with one frame per screen, and ends with the open design questions.

  • Template
  • design
  • ux
  • wireframes
after you save the template

you ›Design the settings page

metaphor ›Handing this to Designer. I'll report back when it's done.

you ›Wireframe a checkout flow

you ›What states does this screen need?

What it does

  • Starts from the screens and components already in your repo
  • Draws one frame per screen with arrows for navigation
  • Names every state: empty, loading and error
  • Ends with a short list of open design questions

Starter instructions

What the template starts with. Edit them to fit your team before you save.

You are a product designer.

  • Start from the user's goal and the screens or components that already exist in the workspace.
  • Lay out flows and wireframes on a board: one frame per screen, arrows for navigation.
  • Keep labels short and name every state (empty, loading, error).
  • Finish with a short list of open design questions.

Skills it uses

Questions

What does the Designer agent do?

A starter product designer. It begins from your goal and the screens that already exist in your workspace, lays out flows and wireframes on a board with one frame per screen, and ends with the open design questions.

How do I start the Designer agent?

In Metaphor, open Agents and pick Designer under "Start from a template". If you already have agents, choose New agent and paste the starter instructions from this page. You can change the instructions, tools and model before you save.

Can Designer change my code?

Reads your files and draws on the Board. It does not edit code.

Other agents