Biblioteca32 itens
Frameworks e dicas práticas para design com IA
31 itens em 5 famílias: frameworks estratégicos, templates de carreira, best practices, modelos mentais e padrões por domínio.
Frameworks que estruturam o trabalho com IA, templates pra carreira e portfolio, práticas concretas que protegem o seu projeto, modelos mentais que ajudam na transição e padrões que se aplicam a domínios específicos.
Cada item tem o que resolve, quando aplicar e a fonte.
Verificado em 1 de maio de 2026. Reviso a cada 6 semanas.
Frameworks estratégicos #
| Framework | O que resolve | Quando aplicar | Fonte |
|---|---|---|---|
| R-C-T-F (Role · Context · Task · Format) | Estrutura input do agente: autoridade, ambiente, ação e estrutura visual. | Iniciar contexto de qualquer tarefa pra LLM. | Miro 4-Part / Architecture of Intent |
| Five-Element Formula (Component + Layout + Style + Content + Tech Specs) | Elimina adivinhação no código. Força anatomia, arranjo e biblioteca exatos. | Orquestrar geração de UI e componentes via v0, Cursor, Claude Code. | 0xminds / Architecture of Intent |
| CARE (Context · Ask · Rules · Examples) | Resultados superiores em chatbots: contexto, pergunta, regras e few-shot. | Raciocínio, escrita e ideação pra evitar alucinação. | NN/g. Top 10 UX Articles 2025 |
| GSD ("Get Shit Done") Workflow | Previne context rot em sessões longas. Subagentes pra Pesquisar, Planejar, Executar e Verificar. | Desenvolvimento de produto do zero no Claude Code terminal. | Sorted Pixels |
| RACE / COAST / RISEN | Estruturas mentais reutilizáveis que funcionam em vários LLMs. | Prompts complexos pra alternar entre ChatGPT, Claude e Gemini. | 10 Best Notion AI Prompt Templates |
| Roadmap de 5 Fases do Designer AI-First | Plano de carreira: mindset, terminal, agentes, posicionamento de mercado. | Planejar upskilling do designer manual pra orquestrador. | ADPList Ebook |
Templates de carreira #
| Template | O que resolve | Quando aplicar | Fonte |
|---|---|---|---|
| 7-Step UX Case Study Template (Hero · Overview · Discovery · UX Process · Final Design · Impact · Learnings) | Estrutura narrativa do projeto em blocos lógicos. | Escrever case study do zero pra mostrar "como você pensa". | UXfolio |
| Impact Driven Case Study Template | Inverte a ordem: KPIs e métricas logo após introdução. | Quando você tem métricas sólidas e quer prender stakeholder de negócio. | UXfolio |
| Beginner UX Portfolio Project Framework | Substitui falta de XP por projeto de curso, hackathon, voluntário, desafio de entrevista. | Portfólio júnior sem experiência de mercado. | Coursera + UXfolio |
| 18 UX Whiteboard Challenge Examples | 18 cenários ambíguos reais (self-checkout, ride-hailing pra pais). | Preparar entrevista live de design challenge. | Nulab |
| Structured Hiring Interviews & Analysis Spreadsheet | Neutraliza viés cognitivo, extrai capacidade estratégica do candidato. | Quando você é UX Manager criando processo de contratação. | NN/g |
Best practices #
| Prática | O que resolve | Quando aplicar | Fonte |
|---|---|---|---|
| API Key Safety & Environment Variables | Previne vazamento de tokens via env vars, .env e .gitignore. | Passo zero antes de qualquer código com API (OpenAI, Anthropic). | Design Engineer's Manual + Reddit |
| XML & JSON Structured Prompting | Reduz alucinação separando ordem de contexto. Força output estruturado. | API integration, RAG, orquestração com saída rígida. | Structured Prompting Techniques |
| Prompting Best Practices (Anthropic) | Tags <thinking> pra Chain-of-Thought e IA validar próprio trabalho. | Escrever System Prompts e dia-a-dia de dev autônomo com Claude. | Claude API Docs |
| State Management via CLAUDE.md & Git | Regras vivas em repo e commits como save points. | Sustentar contexto limpo em CLI e projetos longos. | Best Practices for Claude Code |
| Security Auditing for AI Skills (ToxicSkills prevention) | Varredura e validação de scripts (Snyk, CodeQL) pra evitar acesso root. | Antes de instalar Claude Skills ou Plugins de repositórios comunitários. | Top 8 Claude Skills for UI/UX Engineers |
| Automated Visual Verification (Playwright + ImageMagick) | Loop: screenshot do código, comparação matemática com Figma, autocorreção. | Pipelines Design-to-Code pixel-perfect. | gbasin/figma-to-react |
| Crítica adversarial pré-decisão (TESTE) | Inverte o default do Claude que valida dentro do enquadramento dado. Pede erros possíveis, premissas frágeis e o contra-argumento mais forte. | Antes de mandar proposta, plano ou mensagem que vai pra fora. | Newsletter Ctrl+Claude |
Modelos mentais #
| Modelo | O que resolve | Quando aplicar | Fonte |
|---|---|---|---|
| Vibe Coding Paradigm | Substitui codificação linha a linha por programação semântica orientada à intenção. | Desenvolver produto na era nativa de IA (Claude Code, v0, Lovable). | Vibe Coding Paper + Wikipedia |
| Designer como Editor-Chefe (Curador de IA) | Designer não empurra pixel. Cura, avalia agentes, edita output da máquina. | Mentalidade ao abraçar processos criativos e validação. | ADPList Ebook |
| Designer como Design Engineer / Builder | Apaga fronteira entre design e frontend: terminal, APIs, JSON, embeddings. | Desenhar fluxos técnicos no mundo real unindo engenharia e estética. | Design Engineer's Manual + Claude Code Lead Interview |
| Programação como "Problema Resolvido" | Sintaxe crua é commodity das LLMs. Libera time pra problema lógico e arquitetura. | Estrategicamente, alocar equipe em "criação de sistemas adaptativos". | Claude Code Lead Interview |
| Diffusion vs Autoregressive (dLLMs) | Diferença entre cérebro sequencial (preditivo) e refinamento sobre ruído. | Entender limites e potências ao orquestrar geração de imagem ou multi-modal. | Diffusion Models intro + Reddit dLLMs |
| Letramento Sociotécnico de IA | Ferramenta + responsabilidade ética + viés + segurança + conformidade legal. | Tomadores de decisão criando políticas org de IA. | OECD.AI |
| Process of Doing (POD) | Animação e motion preenchem gap de compreensão enquanto IA processa. | Interfaces invisíveis ou de alta latência por agentes na nuvem. | O Estado da Arte na Convergência IA + Design |
Padrões por domínio #
| Pattern | O que resolve | Quando aplicar | Fonte |
|---|---|---|---|
| Wearables UX / Designing for "Moments" | Micro-tarefas de 1 a 3 segundos, glanceability e baixo consumo energético. | UI de hardware de pulso (Apple Watch). | Architecture of Intent + Wearables UX Smartwatch UI |
| Automotive HMI & UI Concept Visualization | XR/VR e click-dummies interativos antes do chassi físico existir. | Design embarcado in-vehicle e ADAS. | Magna Automotive |
| Voice User Interface (VUI) Context Patterns | Intents, glossários consistentes e contexto (cozinha vs carro). | Sistemas hands-free, assistentes inteligentes, modais conversacionais. | VUI Design Principles |
| 67 Page Types E-Commerce Database (Baymard) | 18.000 designs anotados: filtros, carrinho, PDP, checkout, busca. | Benchmark e validação de e-commerce B2B/D2C. | Baymard Institute |
| Complex-Application Design Lifecycle (Understand · Explore · Materialize) | Investigação do domínio e co-criação com expert. Não basta testar UI. | Painel logístico, ferramenta B2B alto risco, dashboard de Big Data. | NN/g |
| SaaS Onboarding Playbook (Learn-by-doing + Checklists JTBD) | Demonstração ativa (dummy tickets Freshdesk) e checklist JTBD (Thinkific). | Maximizar adoção e diminuir abandono no trial. | Appcues + Userpilot |
| Conversational UX / Infinite Loop Mobile Patterns | Auto-preenchimento implícito (Uber), scroll loop (Pinterest, TikTok), UI que fala (Cleo, Spotify DJ). | Apps mobile focados em conversão, fluidez, baixa fricção cognitiva. | Eleken |
#Frameworks#Templates#Best practices#Design#IA#Carreira#VUI#Wearables