# @productarena on Instagram

- **Type:** Image
- **Original URL:** https://www.instagram.com/p/DaC5139HMFA
- **Gondola URL:** https://gondola.cc/posts/67185113-productarena-instagram
- **Thumbnail:** https://img.gondola.cc/tr:w-,h-,fo-auto/postThumbnails/5b9d849dd1.jpg
- **Posted:** 2026-06-26T10:14:51.000+00:00
- **Account Owner:** Product Arena - A primeira escola de produtos do Brasil (@productarena) — https://gondola.cc/productarena

## Caption

Caiu na nossa mão o roteiro do workshop "Prototyping with Claude Design" que o time do Duolingo roda pra prototipar de verdade. É material da Nickey Skarstad (Sr. Director de Produto) e das designers Caitlin Brisson e Sarah Deitke.

A ideia: o Claude Design (claude.ai/design) é a ferramenta de prototipagem da Anthropic. Você alimenta com o seu design system, descreve a ideia, e recebe um protótipo HTML interativo pra comentar, iterar e passar pro Claude Code.

Dois truques que valem ouro:
🧩 Antes de pedir a tela, mande o Claude "enumerar todos os componentes que conhece". Isso evita que ele invente padrões fora do seu design system.
🎛️ Peça "make this tweakable": ele embute sliders e seletores no protótipo, e vira uma demo que o stakeholder ajusta sozinho.

E tem muito mais no material: os 5 passos detalhados, os 3 prompts testados, a tabela de export e o handoff pro Claude Code.

Quer o roteiro completo? Comenta WORKSHOP que eu te mando na DM. 📩

#design #ux #produto #claudedesign #prototipagem #ia #ai #designsystem #productarena #paponaarena

## Stats

- **Views:** 0
- **Likes:** 0
- **Shares:** 0
- **Comments:** 123

## Tags

paponaarena, designsystem, ia, produto, productarena, design, claudedesign, ux, ai, prototipagem

---
Copyright (c) Gondola