Session 4 · Claude Design: from prompt to prototype

Session 4 · Claude Design: from prompt to prototype

Info
📅 Week 4 of 4 · ⏱ Duration: ~2 h (core 110 min) · 🎯 Goal: produce committee-grade visual work —an interactive prototype of the “Elektra Rewards 2.0” landing page— from a brief, and hand it off to your Week 3 tool.

You’ve already scaled your team with skills and plugins (Session 1), automated with governance (Session 2), and built your own tool in Claude Code (Session 3). One piece is left: the visual. When the committee asks for a landing page, a one-pager, or a deck, you usually depend on design or generic templates. Claude Design —an Anthropic Labs product— lets you go from prompt to a polished prototype, with your brand already built in, and then package it for Claude Code: what you design today you hand off to Claude Code, the tool you mastered in Week 3.

Session agenda

Block Page Duration
0 Setup and recap ~5 min
1 4.1 Your design system ~25 min
2 4.2 From brief to prototype ~40 min
3 4.3 Share and export ~25 min
4 4.4 Program wrap-up ~20 min
Core 110 min

The setup adds up to 5 min and the core to 110 min (5 + 110 = 115 min); the remaining ~5 min of the 2 h session is a buffer for breaks and questions.

Info
Cohort assumptions: this session assumes Team or Enterprise plans. Remember that on Enterprise, Claude Design is off by default — ask your admin to enable it BEFORE the session under Organization settings > Capabilities > Anthropic Labs.

Objectives

  • Understand what Claude Design is (research preview, Pro/Max/Team/Enterprise) and why setting up the design system first changes output quality.
  • Run the brief → prototype → refine → share/export flow with the “Elektra Rewards 2.0” landing page.
  • Export to the verified targets (Canva, PDF, PPTX, or standalone HTML) and create the handoff bundle to Claude Code.
  • Close the full program (basic + advanced) with governance habits and official resources.
Info
Where Claude Design lives: on the web, at claude.ai/design. Powered by Anthropic’s most capable vision model; available in research preview for Pro, Max, Team, and Enterprise.
Warning
Standing reminder: do not upload PII, NDA data, or customer data or commercially sensitive information. Use only the fictional workshop materials.

Claude Advanced Workshop · Grupo Salinas · v1.0 · 2026