Importing Assets: Screenshots, Docs, and Codebases | Claude Design for Designers

The fastest way to get Claude Design producing on-brand work is to show it what you already have. Import reference material at prompt time and every output is visually grounded in your product, not in generic AI aesthetic defaults.

What you can import

Everything comes in through the + button under the prompt: attach a file or folder, connect code, upload a .fig file, or pick a design system, skills, or connectors.

+ > Attach file: a Word document lands in the prompt as a DOCX chip.

Screenshots & images: PNG, JPG, GIF, WebP. Your current product, competitor products, inspiration references.
Documents: Word (DOCX), PDF, PowerPoint (PPTX) and Excel (XLSX). Great for turning a written spec or an old deck into an updated visual.
Code repositories: Connect GitHub, or choose Link local code to point at a folder on your computer. Claude reads your component architecture and CSS to inform the output.
Figma designs: Upload a .fig file. It is read in your browser and never uploaded. Claude extracts colors, typography, spacing, and reusable components.
Other projects: Reference another project to reuse its look or content in the new one.

When to use which

New project from scratch

Start with 1-2 reference screenshots of products you admire + a color palette. Claude picks up tone without copying.

Iterating on an existing product

Upload current product screenshots first. Claude matches your existing style by default, so new work looks like the same product.

Building on your codebase

Link the repo. Claude generates designs that use your actual components, much closer to what you'd hand to a developer.

Redesigning from a spec

Upload the PRD as DOCX or PDF. Claude reads the requirements and produces designs that honor the constraints.

Don't over-stuff the first prompt

2-3 focused references beat 15 loosely related ones. One source gets you started; multiple give Claude more to work with, but there is a point of diminishing returns.

Designers showing real imports

You can import context

Know the supported file types
Know which source to use when
Know to screenshot your live product when you want it to feel real

Module 2 is about iteration, turning the first draft into something shippable.

Stuck on your own project? Book 45 minutes with me for $49.

Augmented CreationEmpower users to create content with AI as a collaborative partner.Collaborative AIEnable effective collaboration between multiple users and AI within shared workflows.Contextual AssistanceOffer timely, proactive help and suggestions based on user context, history, and needs.