Voltar para Recursos
Biblioteca63 itens

Referências e leituras sobre design e IA

63 fontes que sustentam o resto da biblioteca: papers, relatórios, ensaios longos, tutoriais, vídeos, ebooks e glossários.

Lista das fontes que aparecem como atribuição nas outras 3 bibliotecas. Cada item traz, em uma frase, o que muda na sua prática se você ler.

Os papers e relatórios densos cabem na sua estante de fundamento. Os tutoriais e vídeos resolvem dúvida tática do dia.

Base revisada em 1 de maio de 2026. Fonte sobre refino no browser adicionada em 8 de junho de 2026. Reviso a cada 6 semanas.

Papers acadêmicos #

TítuloAutor / OrigemTakeawayLink
LLMs are Effective UI GeneratorsYaniv Leviathan, Dani Valevski et al. (Google Research)Em vez de telas estáticas, fornecer ferramentas estruturadas a um LLM permite gerar interfaces interativas dinamicamente, e usuários preferem.generativeui.github.io
Understanding Human–AI Workflows for Generating PersonasJoongi Shin, Michael A. Hedderich et al. (ACM DIS '24)Designer vira avaliador que aplica embeddings; LLM resume contexto. Empatia e precisão da persona aumentam.doi.org/10.1145/3643834.3660729
Vibe Coding: Toward an AI-Native Paradigm for Semantic and Intent-Driven ProgrammingVinay BamilFluxo deixa de ser sintaxe e passa a ser engenharia de intenção. Designer articula restrições funcionais e qualidades de "vibe".

Relatórios de indústria #

TítuloAutor / OrigemTakeawayLink
ADPList. Design by Intelligence (Ebook)ADPList Team / Felix Lee, Avani DubeyDesigner vira "editor-chefe": stack focado em IA pra prototipagem rápida, ideação e co-criação.
State of UX 2026: Design Deeper to DifferentiateKate Moran, Raluca Budiu, Sarah Gibbons (NN/g)IA comoditiza o básico. Diferenciação exige lidar com complexidade e pensamento UX mais profundo.nngroup.com
Top 10 UX Articles of 2025NN/g"UX reckoning": volta do UX Generalista e framework CARE pra estruturar prompts.nngroup.com
Hiring Interviews Are Terrible: Smart UX Teams Structure ThemEvan Sunwall (NN/g)Reestruturar contratação de UX pra neutralizar viés e extrair capacidade estratégica.
A Socio-technical Approach to AI LiteracyAyesha Gulley, Airlie Hilliard (OECD.AI / Holistic AI)Design moderno exige fluência híbrida: uso técnico, conformidade social e responsabilidade algorítmica.oecd.ai

Ensaios estratégicos (longform) #

TítuloAutor / OrigemTakeaway
The Architecture of IntentEnsaio estratégicoDesigner migra de criar artefatos visuais pra engenharia de prompts rigorosos (R-C-T-F).
The Convergence of Agentic Design (Claude Skills + MCP)Technical AnalysisDesigner vira "Builder" interdisciplinar: terminal, MCP servers, regras de DS rígidas.
The Design Engineer's ManualDeveloper Roadmaps ContextDesigner precisa dominar a "encanação" técnica (CLI, embeddings, RAG) pra Vibe Coding.
O Estado da Arte na Convergência IA + Design (PT-BR)Ensaio do EcossistemaMigração pra "design de sistemas adaptativos". Bibliotecas e âncoras de prompts em vez de telas determinísticas.
Accepting designCaio Braga, Fabricio Teixeira (DOC / UX Collective)IA expõe hiato de letramento técnico entre designers. Força projetar prevendo impactos.
UX Strategies for Complex-Application DesignKate Kaplan (NN/g)Pra B2B e painel logístico: estudar o domínio e co-criar com especialista. Não basta analisar tela.
Build, Don't Train: 2025 Roadmap for AI Software EngineersDehemi Fabio (DEV Community)Trabalho de IA hoje é orquestrar RAG e JSON estruturado. Não é treinar modelo do zero.
The UX job market in 2026Emily Stevens (UX Design Institute)Empresas exigem evidência de "como você pensa" e experimentação prática. Portfólio linear não basta mais.
The Future of UI/UX Concept Visualization in the Automotive IndustryMagna InternationalDesign pra hardware complexo exige click-dummies e VR/XR antes do hardware existir.

Tutoriais práticos #

TítuloAutorTakeawayLink
How to Build a Standout UX Portfolio Without Work ExperienceExperience HausVoluntariado, redesigns não solicitados e hackathons pra portfólio sem XP comercial.experiencehaus.com
The Ultimate UX Case Study Template (2026 Guide)Ákos Izsák, Tibor Balázs (UXfolio)Template em 7 etapas (Hero a Impact) focado em pensamento estratégico.blog.uxfol.io
UX Case Study. Step-by-Step Guide [+Template]UXPinCompilar pesquisa e métodos no portfólio justificando trade-offs de UX.uxpin.com
Beginner UX portfolio examplesTibor Balázs (UXfolio)Júnior crível: menos processo detalhado, mais julgamento seletivo.blog.uxfol.io
7 UX Designer Portfolio ExamplesCoursera StaffTópicos pra preencher lacuna de XP: VUI, melhorias de a11y.coursera.org
Claude Custom Instructions: Real Examples (2026)J.D. HodgesPerfil de sistema rigoroso pra Claude não dar resposta empolgada inútil.jdhodges.com
Prompting for frontend aestheticsPrithvi Rajasekaran (Claude Cookbook)Tags restritivas combatem "AI slop" e produzem UI moderna.
Structured Prompting Techniques: XML & JSONPaul Dhaliwal (CodeConductor)Tags <xml> e dicionários JSON pra agentes restringirem output.codeconductor.ai
Prompting best practicesAnthropic. Claude API DocsTags <thinking> e Chain-of-Thought pra código sem erro.platform.claude.com
Best Practices for Claude CodeAnthropic. Claude Code DocsConfiguração CLAUDE.md, plano e modo visual, atalhos, subagents.code.claude.com
Get started with Claude in ChromeClaude Help CenterPainel lateral pra orquestrar manipulações web e agendar ações.
How to Make SVGs with Claude and Gemini MCPHoutiniOrientar IA via MCP pra exportar assets em SVG limpo.houtini.com
Command line crash courseMDN Web DocsCurso obrigatório pra designer transitar de software de tela pra automação shell.developer.mozilla.org
Building local AI tools? Don't let Windows Environment Variables slow you downr/PromptEngineeringComo guardar e configurar API keys (PATHs) no Windows.reddit.com
Claude Code CLI Guide 2026Blake CrosleyManual de 47k palavras: atalhos, hooks, multi-agente.blakecrosley.com
Claude Code for Designers: A Practical GuideTommaso Nervegna (Sorted Pixels)Framework "Get Shit Done" pra Claude iterar como UI designer pragmático.
From v0 to Figmahtml.to.designAcelerar criação via v0 e exportar de volta nativamente pro Figma.
How to automate design-to-code with Figma and v0Matt Wierzbicki (shadcndesign)Regras de nomenclatura e Auto-Layout pra evitar bug nas conversões.shadcndesign.com
Working with Figma and custom design systems in v0Vercelv0 lê tokens do Figma e traduz pra shadcn/ui.
4 Figma AI plugins I use in my day-to-dayChidera Nwankwagu (LogRocket)Aplicação real de UIXX e FigGPT em UX writing iterativo.blog.logrocket.com
AI UI Prompts: 300+ Templates That Actually Work (2026)0xmindsCheat sheet com fórmulas literárias de templates pra dashboards, botões e modais.
AI-Powered Command Line Tools Every Developer Should Know in 2025PromptFuEscalar automações integrando assistentes em Warp e Amazon Q CLI.promptfu.com
My guide on what tools to use to build AI agents (newb)r/AI_AgentsN8n, Streamlit, Cursor pra construir bots sem sintaxe manual.
API Keys and Authentication. ToolUniverse DocumentationZitnik LabComo tratar .env pra não fazer hardcode expondo senhas.
How to Make Claude Actually Remember Your/ClaudeAIPedir ao Claude pra gerar resumo emocional ao final e injetar no Project.reddit.com
My Claude Code tips for newer usersr/ClaudeAIConfiar no planning mode e fazer retrospectiva de sessão.
Ctrl+Claude (newsletter semanal)Ctrl+Claude (Beehiiv)Trata Claude como crítico, não validador. Edição #1 introduz a técnica TESTE pra estressar plano antes de executar.ctrlclaude.com
What "Designing in Code" Looks Like in 2026: Tools & WorkflowsEvangeline / Evangeline & AI DesignersMostra onde Agentation, DialKit e Retune entram no ciclo: feedback visual no browser, ajuste de parâmetros e mudanças aplicadas por agentes depois que a interface já existe em código.evangelineng.substack.com

Vídeos e podcasts #

TítuloAutor / PlataformaTakeawayLink
Design with Claude Code: The Designer's GuideUI Collective (YouTube)Adapta visualmente os conceitos de CLI pra designer perder receio técnico.
Build a fullstack app in 7 minutes with v0Vercel (YouTube)Prototipagem extrema no v0 com componentes modulares e linguagem coloquial.
BEST YouTube Channels to Learn AI in 2025Ishan Sharma (YouTube)Mentores: Matt Wolfe, Andrej Karpathy, ecossistema de fronteira em LLMs.
Pietro Schirano: He Solved Figma-to-CodeUX Tools (Podcast)Vibe Coding: modelos efêmeros (v0) vs MagicPath com precisão técnica em System Design.uxtools.co
UX Collective. Apple PodcastsFabricio Teixeira, Caio BragaReflexão crítica do papel do designer. Saturamento do mercado. Acessibilidade.podcasts.apple.com
Best YouTube Channels About Webflow and Web Design 2025DigidopCuradoria: Finsweet, Timothy Ricks pra animação fluida e Webflow.
Who are your recommended Webflow YouTubers for learning?r/webflowDiscussão comunitária: Webflow 101, fluxo, hierarquia CSS.
14 Educational AI YouTubers Teaching ML in 2025Sujatha R (DigitalOcean)Index AI: Siraj Raval, AI Explained, Two Minute Papers.digitalocean.com
Open Code Terminal AIAISEOInsider / Julian Goldie (YouTube)Introdução visual aos terminais CLI AI autônomos.

Ebooks e livros #

TítuloAutorTakeawayLink
ADPList. Design by Intelligence (Ebook PDF)Felix Lee, Avani Dubey (ADPList)Manual e roteiro de "30 dias" pra requalificar designer UI em orquestrador agentic.
3.2.1: Users & Product Visuals. Claude Code for Product ManagersCarl VellottiPMs gerarem Personas e Pitch Decks via Vibe Coding sem depender de designer.ccforpms.com
Module 1: Prompt EngineeringSITAMSDoc acadêmico: zero-shot, few-shot, Chain-of-Thought, controle exato do modelo.

Glossários e referências consultivas #

TítuloAutorTakeawayLink
The Glossary You Must Read If You Wanna Talk About AIZvonimir Petkovic (ShiftMag)Termos computacionais ("Embedding models", "Skills", "Tokens") pra criativo.shiftmag.dev
AI Engineering GlossaryZen van RielDiffusion, Vibe Coding, Multi-head Attention, Mixture of Experts.zenvanriel.com
AI Essentials Course GlossaryCan Code CommunitiesVisão Computacional, N8n, NLP, bancos vetoriais.cancode.org
AI Plugins. Figma HandbookSourasith Phomhome (Design+Code)Index prático de plugins Figma por categoria e custo.designcode.io
What Are Large Language Models (LLMs)?Cole Stryker (IBM)Taxonomia ML, pipeline de dados, treinamento pra grandes aplicações.ibm.com
Vibe codingWikipediaDefinição clássica do campo que troca sintaxe por intenção humana.en.wikipedia.org
AI Literacy: The Essential Concepts (2025)Deepak (White Fire Technologies)Vocabulário-base e diretrizes hands-on de modelos locais.
A Socio-technical approach to AI literacyAyesha Gulley, Airlie Hilliard (OECD.AI)Compromisso institucional de alfabetizar humano sobre riscos sociais.oecd.ai
#Referências#Leitura#Papers#NN/g#Anthropic#Claude Code#OECD#ADPList

Feito comporThiago Xikota