{"id":3571,"date":"2026-03-25T21:42:49","date_gmt":"2026-03-25T21:42:49","guid":{"rendered":"https:\/\/nuno.digital\/pencil-claude-code-um-novo-fluxo-de-trabalho-para-desenhar-e-construir-interfaces-de-ia\/"},"modified":"2026-03-25T21:43:24","modified_gmt":"2026-03-25T21:43:24","slug":"pencil-claude-code-um-novo-fluxo-de-trabalho-para-desenhar-e-construir-interfaces-de-ia","status":"publish","type":"post","link":"https:\/\/nuno.digital\/pt-pt\/pencil-claude-code-um-novo-fluxo-de-trabalho-para-desenhar-e-construir-interfaces-de-ia\/","title":{"rendered":"Pencil + Claude Code: Um Novo Fluxo de Trabalho para Desenhar e Construir Interfaces de IA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3571\" class=\"elementor elementor-3571 elementor-3565\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bccf893 e-flex e-con-boxed e-con e-parent\" data-id=\"bccf893\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b8468 elementor-widget elementor-widget-heading\" data-id=\"73b8468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introdu\u00e7\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1abe51 elementor-widget elementor-widget-text-editor\" data-id=\"d1abe51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A forma como desenhamos produtos digitais est\u00e1 a passar por uma mudan\u00e7a fundamental. Durante anos, ferramentas como a Figma dominaram o fluxo de trabalho do design \u2014 separando idea\u00e7\u00e3o, prototipagem e engenharia em fases distintas. Mas a IA est\u00e1 a colapsar esses limites.  <\/p><p>Ferramentas como <a href=\"https:\/\/www.pencil.dev\/\" target=\"_blank\" rel=\"noopener\">o Pencil<\/a> e <a href=\"https:\/\/code.claude.com\/docs\/en\/overview\" target=\"_blank\" rel=\"noopener\">o Claude Code<\/a> est\u00e3o a introduzir um novo paradigma: <strong>desenhar e construir simultaneamente, com a IA como camada conectiva<\/strong>.<\/p><p>Para l\u00edderes de produto, designers e engenheiros que trabalham em interfaces alimentadas por IA, isto n\u00e3o \u00e9 apenas uma atualiza\u00e7\u00e3o de ferramentas \u2014 \u00e9 uma transforma\u00e7\u00e3o do fluxo de trabalho.<\/p><p>Neste artigo, vamos explorar como o Pencil e o Claude Code trabalham em conjunto, o que isto significa para o design UX em IA e onde este fluxo de trabalho cria uma verdadeira vantagem competitiva.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6437def e-flex e-con-boxed e-con e-parent\" data-id=\"6437def\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-503f423 elementor-widget elementor-widget-heading\" data-id=\"503f423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">O Problema: Os Fluxos de Trabalho Tradicionais de UX N\u00e3o Se Adaptam aos Produtos de IA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82742d1 elementor-widget elementor-widget-text-editor\" data-id=\"82742d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A maioria dos processos UX foi concebida para sistemas determin\u00edsticos:<\/p><ul><li><p>Fluxos de utilizador fixos<\/p><\/li><li><p>Sa\u00eddas previs\u00edveis<\/p><\/li><li><p>Padr\u00f5es claros de intera\u00e7\u00e3o<\/p><\/li><\/ul><p>A IA quebra os tr\u00eas.<\/p><p>Quando est\u00e1 a desenhar funcionalidades baseadas em IA \u2014 especialmente aquelas baseadas em grandes modelos de linguagem \u2014 est\u00e1 a lidar com:<\/p><ul><li><p><strong>Resultados probabil\u00edsticos<\/strong><\/p><\/li><li><p><strong>La\u00e7os de intera\u00e7\u00e3o din\u00e2mica<\/strong><\/p><\/li><li><p><strong>Evolu\u00e7\u00e3o do comportamento do sistema<\/strong><\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-550ce5e elementor-widget elementor-widget-text-editor\" data-id=\"550ce5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Isto cria uma lacuna:<\/p><ul><li>Projetistas prototipam ecr\u00e3s est\u00e1ticos<\/li><li>Os engenheiros implementam o comportamento din\u00e2mico da IA<\/li><li>O alinhamento desmorona-se rapidamente<\/li><\/ul><p><strong>Isto resulta em interfaces que parecem polidas mas falham no uso real.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5e2f95 e-flex e-con-boxed e-con e-parent\" data-id=\"a5e2f95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9ca5d0 elementor-widget elementor-widget-heading\" data-id=\"f9ca5d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pencil: Desenhar com IA no Ciclo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18bcd85 elementor-widget elementor-widget-text-editor\" data-id=\"18bcd85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Pencil posiciona-se como mais do que uma ferramenta de design \u2014 \u00e9 um <strong>ambiente de prototipagem nativo de IA<\/strong>.<\/p><p>Em vez de desenhar ecr\u00e3s manualmente, tu:<\/p><ul><li><p>Descreva a sua interface em linguagem natural<\/p><\/li><li><p>Gerar layouts de interface instantaneamente<\/p><\/li><li><p>Iterar nos fluxos com assist\u00eancia de IA<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3932ae4 elementor-widget elementor-widget-text-editor\" data-id=\"3932ae4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Capacidades-chave<\/h3><p><strong>1. Gera\u00e7\u00e3o de UI orientada por prompts<\/strong><br>Pode descrever uma funcionalidade de produto (por exemplo, &#8220;assistente de IA para compara\u00e7\u00e3o de produtos de com\u00e9rcio eletr\u00f3nico&#8221;) e gerar ecr\u00e3s de interface estruturados.<\/p><p><strong>2. Ciclos de itera\u00e7\u00e3o r\u00e1pida<\/strong><br>Em vez de redesenhar componentes, refinas prompts e regeneras varia\u00e7\u00f5es.<\/p><p><strong>3. Padr\u00f5es de design conscientes da IA<\/strong><br>O Pencil \u00e9 particularmente forte a gerar interfaces adequadas para:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><p>Intera\u00e7\u00f5es baseadas em chat<\/p><\/li><li><p>Fluxos de trabalho de agentes<\/p><\/li><li>Processos de IA em m\u00faltiplos passos<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15b974b e-flex e-con-boxed e-con e-parent\" data-id=\"15b974b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e939849 elementor-widget elementor-widget-heading\" data-id=\"e939849\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00f3digo Claude: Do Prot\u00f3tipo ao Sistema Funcional<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96d61e9 elementor-widget elementor-widget-text-editor\" data-id=\"96d61e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Enquanto o Pencil ajuda a desenhar, o Claude Code faz a ponte para a implementa\u00e7\u00e3o.<\/p><p>O Claude Code \u00e9 um ambiente de desenvolvimento alimentado por IA que lhe permite:<\/p><ul><li><p>Gerar c\u00f3digo pronto para produ\u00e7\u00e3o<\/p><\/li><li><p>L\u00f3gica de refatora\u00e7\u00e3o e teste<\/p><\/li><li><p>Crie funcionalidades baseadas em IA diretamente a partir dos prompts<\/p><\/li><\/ul><h3>Porque Isto Importa para a UX<\/h3><p>Tradicionalmente:<\/p><ul><li><p>Designers \u2192 Figma<\/p><\/li><li><p>Engenheiros \u2192 C\u00f3digo<\/p><\/li><li><p>Entrega \u2192 Dolorosa<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f69e449 elementor-widget elementor-widget-text-editor\" data-id=\"f69e449\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Com Claude Code:<\/strong><\/p><ul><li>A l\u00f3gica da interface e a interface podem ser co-desenvolvidas<\/li><li>O comportamento da IA pode ser testado no contexto<\/li><li>A UX <strong>torna-se um sistema ativo, n\u00e3o um artefacto est\u00e1tico<\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72aa6ba e-flex e-con-boxed e-con e-parent\" data-id=\"72aa6ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50cebce elementor-widget elementor-widget-heading\" data-id=\"50cebce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">O Fluxo de Trabalho Combinado: Desenhar, Construir, Iterar (Continuamente)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c1b174 elementor-widget elementor-widget-text-editor\" data-id=\"7c1b174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Quando se combina o Pencil e o Claude Code, surge um novo fluxo de trabalho:<\/p><h3>1. Provocar a Experi\u00eancia (L\u00e1pis)<\/h3><p>Comece com a inten\u00e7\u00e3o, n\u00e3o com wireframes:<\/p><blockquote><p>&#8220;Desenhar um assistente de IA que ajude os utilizadores a comparar produtos financeiros com racioc\u00ednio transparente.&#8221;<\/p><\/blockquote><p>O l\u00e1pis gera:<\/p><ul><li><p>Estrutura UI<\/p><\/li><li><p>Padr\u00f5es de intera\u00e7\u00e3o<\/p><\/li><li><p>Fluxos sugeridos<\/p><\/li><\/ul><h3>2. Validar L\u00f3gica de Intera\u00e7\u00e3o (Pencil)<\/h3><p>Iteras sobre:<\/p><ul><li><p>Fluxos r\u00e1pidos<\/p><\/li><li><p>Estados de erro<\/p><\/li><li><p>Casos excepcionais<\/p><\/li><\/ul><p>Isto \u00e9 crucial para a UX da IA, onde <strong>os modos de falha importam tanto quanto os caminhos de sucesso<\/strong>.<\/p><h3>3. Traduzir para C\u00f3digo (C\u00f3digo Claude)<\/h3><p>Passe para Claude Code:<\/p><ul><li><p>Gerar componentes de interface de utilizador<\/p><\/li><li><p>Implementar chamadas LLM<\/p><\/li><li><p>Est\u00edmulos e respostas de estrutura<\/p><\/li><\/ul><h3>4. Testar o Comportamento Real<\/h3><p>Agora a diferen\u00e7a chave:<\/p><ul><li>N\u00e3o est\u00e1s a testar maquetes<\/li><li>Est\u00e1s a testar <strong style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\">resultados reais de IA na interface<\/strong><\/li><\/ul><p>Isto permite-lhe:<\/p><ul><li><p>Prompts de melodia<\/p><\/li><li><p>Ajustar o feedback da interface<\/p><\/li><li><p>Melhorar a confian\u00e7a no sistema<\/p><\/li><\/ul><h3>5. Itera\u00e7\u00e3o cont\u00ednua<\/h3><p>O ciclo torna-se:<\/p><p><strong>Prompt &#8211; Gerar &#8211; Testar &#8211; Refinar &#8211; Implementar<\/strong><\/p><p>Isto est\u00e1 muito mais pr\u00f3ximo do <strong>pensamento de produto<\/strong> do que dos fluxos de trabalho tradicionais de UX.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b153f40 e-flex e-con-boxed e-con e-parent\" data-id=\"b153f40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcbfe6c elementor-widget elementor-widget-heading\" data-id=\"fcbfe6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Por que isto \u00e9 importante para o design de IA UX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ee2e78 elementor-widget elementor-widget-text-editor\" data-id=\"8ee2e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Este fluxo de trabalho desbloqueia tr\u00eas grandes mudan\u00e7as:<\/p><h3>1. Do Design Est\u00e1tico ao Design Comportamental<\/h3><p>Nos produtos de IA, a interface representa apenas metade da experi\u00eancia.<\/p><p>A verdadeira experi\u00eancia de utilizador vem de:<\/p><ul><li><p>Como a IA responde<\/p><\/li><li><p>Como se explica<\/p><\/li><li><p>Como recupera de erros<\/p><\/li><\/ul><p>Pencil + Claude Code permitem-lhe desenhar ambos:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85103c2 elementor-widget elementor-widget-text-editor\" data-id=\"85103c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Interface + Comportamento<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baa0871 elementor-widget elementor-widget-text-editor\" data-id=\"baa0871\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A tradicional &#8220;transfer\u00eancia de design \u2192 dev&#8221; torna-se obsoleta.<\/p><p>Em vez disso:<\/p><ul><li><p>Os designers podem explorar a l\u00f3gica<\/p><\/li><li><p>Os engenheiros podem moldar a UX<\/p><\/li><li><p>Os gestores de produto podem testar os fluxos cedo<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c689b06 elementor-widget elementor-widget-text-editor\" data-id=\"c689b06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Isto <strong>cria ciclos de feedback mais apertados e melhores resultados<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67dd0a3 elementor-widget elementor-widget-text-editor\" data-id=\"67dd0a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>3. De Prot\u00f3tipos a Experi\u00eancias Prontas para Produ\u00e7\u00e3o<\/h3><p>Em vez de prot\u00f3tipos est\u00e1ticos: <strong>obt\u00e9m-se sistemas a funcionar mais cedo<\/strong><\/p><p>Isto significa:<\/p><ul><li><p>Valida\u00e7\u00e3o mais r\u00e1pida<\/p><\/li><li><p>Melhor alinhamento das partes interessadas<\/p><\/li><li><p>Redu\u00e7\u00e3o do risco em funcionalidades de IA<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8aa53b e-flex e-con-boxed e-con e-parent\" data-id=\"e8aa53b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90425cf elementor-widget elementor-widget-heading\" data-id=\"90425cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Onde Este Fluxo de Trabalho Funciona Melhor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b831f3 elementor-widget elementor-widget-text-editor\" data-id=\"4b831f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Esta abordagem \u00e9 particularmente poderosa em:<\/p><h3>Assistentes e Copilotos de IA<\/h3><ul><li><p>Bots de apoio ao cliente<\/p><\/li><li><p>Ferramentas internas de produtividade<\/p><\/li><li><p>Assistentes de conhecimento<\/p><\/li><\/ul><h3>Fluxos de Trabalho Baseados em Agentes<\/h3><ul><li><p>Fluxos de automa\u00e7\u00e3o em m\u00faltiplos passos<\/p><\/li><li><p>Sistemas de tomada de decis\u00e3o<\/p><\/li><li><p>Jornadas comerciais impulsionadas por IA<\/p><\/li><\/ul><h3>Interfaces Inteligentes<\/h3><ul><li><p>Sistemas de recomenda\u00e7\u00e3o<\/p><\/li><li><p>Pain\u00e9is personalizados<\/p><\/li><li><p>UX Conversacional<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48d1bee e-flex e-con-boxed e-con e-parent\" data-id=\"48d1bee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4a781c elementor-widget elementor-widget-heading\" data-id=\"e4a781c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Limita\u00e7\u00f5es e Considera\u00e7\u00f5es<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bdb869 elementor-widget elementor-widget-text-editor\" data-id=\"4bdb869\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Embora promissor, este fluxo de trabalho n\u00e3o \u00e9 perfeito.<\/p><h3>1. A qualidade do design ainda depende dos prompts<\/h3><p>Prompts pobres \u2192 sa\u00eddas de interface fracas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-150ece5 elementor-widget elementor-widget-text-editor\" data-id=\"150ece5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>As equipas precisam <strong>de literacia r\u00e1pida<\/strong>, n\u00e3o apenas de compet\u00eancias de design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a43e95b elementor-widget elementor-widget-text-editor\" data-id=\"a43e95b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. Risco de Interfaces Excessivamente Geradas<\/h3><p>A interface gerada por IA pode parecer:<\/p><ul><li><p>Gen\u00e9rico<\/p><\/li><li><p>Excessivamente complexo<\/p><\/li><li><p>Desalinhado com a marca<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83db97e elementor-widget elementor-widget-text-editor\" data-id=\"83db97e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Princ\u00edpios de design s\u00f3lidos continuam a ser importantes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38ba853 elementor-widget elementor-widget-text-editor\" data-id=\"38ba853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>3. Governa\u00e7\u00e3o e Controlo<\/h3><p>Ao usar ferramentas como Claude Code:<\/p><ul><li><p>Como \u00e9 validado o c\u00f3digo?<\/p><\/li><li><p>Como s\u00e3o versionados os prompts?<\/p><\/li><li><p>Como testam os resultados de forma sistem\u00e1tica?<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c63e31 elementor-widget elementor-widget-text-editor\" data-id=\"3c63e31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00c9 aqui que <strong>as pr\u00e1ticas de engenharia de IA e os quadros de governa\u00e7\u00e3o<\/strong> se tornam cr\u00edticos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d25a736 e-flex e-con-boxed e-con e-parent\" data-id=\"d25a736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d722732 elementor-widget elementor-widget-heading\" data-id=\"d722732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclus\u00e3o estrat\u00e9gica: a UX torna-se um sistema, n\u00e3o uma camada<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d57a29 elementor-widget elementor-widget-text-editor\" data-id=\"4d57a29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A maior mudan\u00e7a aqui n\u00e3o s\u00e3o as ferramentas \u2014 \u00e9 a mentalidade.<\/p><p>Com Pencil e Claude Code:<\/p><ul><li><p>UX j\u00e1 n\u00e3o \u00e9 uma fase<\/p><\/li><li><p>\u00c9 um sistema cont\u00ednuo<\/p><\/li><li><p>Evolui com o produto<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a061c67 elementor-widget elementor-widget-text-editor\" data-id=\"a061c67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Para os l\u00edderes de produto, isto significa:<\/p><ul><li>N\u00e3o est\u00e1s apenas a desenhar interfaces<\/li><li>Est\u00e1s a desenhar <strong>sistemas adaptativos e inteligentes<\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3087ea e-flex e-con-boxed e-con e-parent\" data-id=\"a3087ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0b13c elementor-widget elementor-widget-heading\" data-id=\"2f0b13c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclus\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6167f8d elementor-widget elementor-widget-text-editor\" data-id=\"6167f8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A combina\u00e7\u00e3o do Pencil e do Claude Code sinaliza uma transforma\u00e7\u00e3o mais ampla na forma como os produtos de IA s\u00e3o constru\u00eddos.<\/p><p>Estamos a caminhar para:<\/p><ul><li><p>Ciclos de design para desenvolvimento mais r\u00e1pidos<\/p><\/li><li><p>UX orientada pelo comportamento<\/p><\/li><li><p>Fluxos de trabalho integrados de produtos<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34d66a elementor-widget elementor-widget-text-editor\" data-id=\"a34d66a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Para as organiza\u00e7\u00f5es que investem em IA, isto n\u00e3o \u00e9 apenas um ganho de produtividade\u2014\u00e9 uma <strong>vantagem estrat\u00e9gica<\/strong>.<\/p><p>As equipas que aprendem a desenhar e construir interfaces de IA simultaneamente ir\u00e3o ultrapassar aquelas que ainda dependem de fluxos de trabalho tradicionais e isolados.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-250cfcde e-flex e-con-boxed e-con e-parent\" data-id=\"250cfcde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04a616 elementor-widget elementor-widget-heading\" data-id=\"a04a616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Perguntas Frequentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17263dc elementor-widget elementor-widget-n-accordion\" data-id=\"17263dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2420\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2420\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 1. O que \u00e9 o Pencil e em que \u00e9 que difere do Figma? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2420\" class=\"elementor-element elementor-element-6ceafe62 e-con-full e-flex e-con e-child\" data-id=\"6ceafe62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2420\" class=\"elementor-element elementor-element-23b9f277 e-flex e-con-boxed e-con e-child\" data-id=\"23b9f277\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17f95d4b elementor-widget elementor-widget-text-editor\" data-id=\"17f95d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Pencil \u00e9 uma ferramenta de design nativa de IA que gera UI a partir de prompts, enquanto ferramentas tradicionais como o Figma dependem do design manual. O Pencil est\u00e1 otimizado para desenhar experi\u00eancias baseadas em IA e fluxos de trabalho din\u00e2micos. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2421\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2421\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 2. Para que \u00e9 usado o C\u00f3digo Claude? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2421\" class=\"elementor-element elementor-element-6ec2bf47 e-con-full e-flex e-con e-child\" data-id=\"6ec2bf47\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2421\" class=\"elementor-element elementor-element-3220d913 e-flex e-con-boxed e-con e-child\" data-id=\"3220d913\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-465e1602 elementor-widget elementor-widget-text-editor\" data-id=\"465e1602\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O Claude Code \u00e9 um ambiente de desenvolvimento alimentado por IA que ajuda os programadores a gerar, testar e refinar c\u00f3digo \u2014 particularmente \u00fatil para construir funcionalidades impulsionadas por IA e integrar LLMs em produtos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2422\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2422\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 3. Os designers podem usar o Pencil sem conhecimentos de programa\u00e7\u00e3o? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2422\" class=\"elementor-element elementor-element-2b8d45ed e-con-full e-flex e-con e-child\" data-id=\"2b8d45ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2422\" class=\"elementor-element elementor-element-67e63ab2 e-flex e-con-boxed e-con e-child\" data-id=\"67e63ab2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d1e7792 elementor-widget elementor-widget-text-editor\" data-id=\"2d1e7792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sim. O Pencil foi concebido para ser acess\u00edvel a utilizadores n\u00e3o t\u00e9cnicos. No entanto, compreender os padr\u00f5es de intera\u00e7\u00e3o com IA e o design de prompts melhora significativamente os resultados.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2423\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2423\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 4. Este fluxo de trabalho \u00e9 adequado para sistemas de produ\u00e7\u00e3o? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2423\" class=\"elementor-element elementor-element-26e86552 e-con-full e-flex e-con e-child\" data-id=\"26e86552\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2423\" class=\"elementor-element elementor-element-6e1fe513 e-flex e-con-boxed e-con e-child\" data-id=\"6e1fe513\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e2909d0 elementor-widget elementor-widget-text-editor\" data-id=\"1e2909d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sim, mas com cautela. Embora o Claude Code possa gerar c\u00f3digo pronto para produ\u00e7\u00e3o, as equipas devem ainda implementar pr\u00e1ticas adequadas de teste, valida\u00e7\u00e3o e governa\u00e7\u00e3o. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2424\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2424\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 5. Quais s\u00e3o os riscos de usar IA nos fluxos de trabalho de design de UX? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2424\" class=\"elementor-element elementor-element-5c43a10e e-con-full e-flex e-con e-child\" data-id=\"5c43a10e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2424\" class=\"elementor-element elementor-element-766d0c16 e-flex e-con-boxed e-con e-child\" data-id=\"766d0c16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23a27ea2 elementor-widget elementor-widget-text-editor\" data-id=\"23a27ea2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Os principais riscos incluem:<\/p><ul><li><p>Depend\u00eancia excessiva de designs gerados<\/p><\/li><li><p>Falta de consist\u00eancia com os sistemas de design<\/p><\/li><li><p>M\u00e1 gest\u00e3o de casos extremos de IA<\/p><\/li><\/ul><p>Uma lideran\u00e7a forte no design e governa\u00e7\u00e3o s\u00e3o essenciais.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2425\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2425\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> 6. Como \u00e9 que isto afeta os gestores de produto? <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2425\" class=\"elementor-element elementor-element-781505f8 e-con-full e-flex e-con e-child\" data-id=\"781505f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2425\" class=\"elementor-element elementor-element-61ba9970 e-flex e-con-boxed e-con e-child\" data-id=\"61ba9970\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edd845c elementor-widget elementor-widget-text-editor\" data-id=\"edd845c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Os gestores de produto ganham a capacidade de:<\/p><ul><li><p>Ideias de prot\u00f3tipo mais r\u00e1pido<\/p><\/li><li><p>Testar as intera\u00e7\u00f5es da IA cedo<\/p><\/li><li><p>Alinhar o design e a engenharia de forma mais eficaz<\/p><\/li><\/ul><p> <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explore como a Pencil e a Claude Code est\u00e3o a redefinir o design de UX para produtos de IA. Aprenda a desenhar, prototipar e construir interfaces inteligentes mais rapidamente com fluxos de trabalho nativos de IA.<\/p>","protected":false},"author":1,"featured_media":3572,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAow74HBDA:productID":"","footnotes":""},"categories":[351],"tags":[1091,598,472,806,1092,1090,1093,497,475,464],"class_list":["post-3571","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-de-ux-em-ia","tag-claude-code","tag-concecao-de-produtos-de-ia","tag-design-de-interface-de-ia","tag-design-de-ux-por-ia","tag-design-orientado-por-prompts","tag-interfaces-inteligentes","tag-pencil-ai","tag-prototipagem-de-ia","tag-ux-conversacional","tag-ux-em-ia"],"_links":{"self":[{"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/posts\/3571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/comments?post=3571"}],"version-history":[{"count":1,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/posts\/3571\/revisions"}],"predecessor-version":[{"id":3573,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/posts\/3571\/revisions\/3573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/media\/3572"}],"wp:attachment":[{"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/media?parent=3571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/categories?post=3571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nuno.digital\/pt-pt\/wp-json\/wp\/v2\/tags?post=3571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}