How to Turn a Mood Board Into an AI Design Brief

1. Start with the task and the content

Write the audience, the page or screen, and the action you want someone to take. “A booking page for a small studio, helping returning customers choose a service and a time” is more useful than “a premium website.” Include the actual service names, pricing rules, and required fields when you have them.

Separate known facts from open decisions. If payment is not connected, say so. If imagery is still being selected, describe its job and leave a clearly labeled content requirement. An AI tool should not quietly invent testimonials, prices, or product functionality to complete a design.

2. Choose a small board with distinct roles

Start with two or three references. Pick one for the overall structure, another for the visual mood, and a third only when an interaction needs its own example. A board of twenty unrelated pages may be useful for exploration, but it makes a poor final brief unless you explain the selection.

In Explore, open a reference to inspect its notes and capture. Save the useful ones to a board. Swipe mode is another way to collect a direction; the Done · View board action opens your saved selection before the deck is exhausted.

The website examples show several different roles a reference can play. For an application, start with task-specific UI patterns rather than trying to turn a marketing hero into a working screen.

3. Describe what to borrow and what to change

Use concrete language. Instead of “copy this vibe,” write: “Borrow the centered headline, compact supporting text, and output-led introduction. Use our own screenshots and a palette that fits our brand.” If a reference contains a prompt field but your product is a library, do not reproduce an input that has no defined behavior.

Be equally clear about differences. Your product may need longer names, more languages, denser data, or an accessible alternative to an interaction shown in the reference. The goal is a design decision that survives those constraints.

4. Share a readable board

Open a board and choose Copy public link. The public page provides readable HTML plus links to Markdown and JSON. These formats help a tool inspect the selected references and their notes without depending on the private, browser-local board view. A PDF is useful when you want a visual document to review or attach.

Check what the receiving AI tool can access. Some tools can fetch a page but cannot inspect its images; others cannot browse links at all. Ask it to identify the references it could read before it proposes a design. If necessary, paste the relevant notes and attach screenshots through the tool’s supported workflow.

Anyone with the public link can view that snapshot. Its selection does not change when you later edit the local board; copy a new public link when you want to share a revised selection. Keep private project details out of the board name and public reference list.

5. Use a brief with observable requirements

Here is a starting structure. Replace the bracketed text with your project details:

Project: [What we are building and who it serves]
Primary task: [What the visitor or user should accomplish]
Content: [Actual copy, data, and assets available]
Reference board: [Public board URL]

Use reference A for [a specific layout principle].
Use reference B for [typography, density, or tone].
Explain which references and images you could inspect.

Keep our own brand, copy, assets, and existing functionality.
Every visible control must have a defined behavior.
Include loading, empty, error, and long-content states where relevant.
Check mobile layout, keyboard access, focus, and reduced motion.
Describe what was implemented and what was actually tested.

6. Review the work against the brief

Check the primary task first. Then inspect hierarchy, spacing, real content, and the less glamorous states. Use specific feedback: “Keep the product preview, reduce the gap above the search field, and preserve the button label at 375px.” This gives the next iteration a clear target.

“Make it pop” can finally retire. A focused board and an explicit brief give you something concrete to discuss, test, and improve.