Sabias que escrever código já não é a mesma coisa?

Junta-te a nós durante o ShiftAppens 2026 numa viagem onde vamos falar sobre a evolução das linguagens de programação, o design, e como actualmente as fronteiras entre design e development são cada vez mais escassas.

Sobre o workshop:

À medida que as ferramentas de AI abstraem cada vez mais a escrita de código, surge uma questão que nenhum engenheiro pode ignorar: como se comunica com as ferramentas que constroem software? Não em linguagem de máquina, não em pseudocódigo, mas em intenção. Em estrutura. Em decisões sobre o que o produto deve fazer e porquê.

É aqui que o design entra na sua nova era, não como uma disciplina de estética, mas como a camada de tradução entre problemas humanos e tecnologia. E com ferramentas como o Figma Design, o Figma Make e a integração com agentes externos via MCP, essa tradução passou a gerar código real, validável e expansível.

Neste workshop, vais perceber como funciona este novo stack do ponto de vista de alguém que constrói software. Vais usar o Figma não como designer, mas como engenheiro que quer reduzir a distância entre a ideia e a implementação, com AI a fazer o trabalho pesado e tu a manter o controlo sobre o que interessa: a lógica, a estrutura e a qualidade do output.

​

O que vais aprender:

• Como funciona o Figma Design como ferramenta de definição de produto: componentes, variáveis, protótipos e handoff

• Como o Figma Make gera interfaces funcionais e código a partir de designs, e quais os seus limites reais

• O que é o MCP (Model Context Protocol) e como permite expandir o Figma com agentes externos e dados reais

• Como integrar o Claude Code no fluxo de trabalho para validar, refinar e expandir o código gerado

• Como avaliar criticamente o output de AI: quando confiar, quando intervir e como manter a codebase saudável

• Como este novo fluxo muda a conversa entre designers e engenheiros numa equipa de produto

Ferramentas utilizadas:

• Figma Design: estrutura de componentes, variáveis, prototipagem e preparação para handoff

• Figma Make: geração de interfaces e código funcional a partir de designs com suporte de AI

• MCP (Model Context Protocol): integração entre o Figma e ferramentas e dados externos

• Claude Code: agente de desenvolvimento para validação, refinamento e expansão da codebase gerada

O que levas daqui:

Ao fim deste workshop, tens experiência directa com um fluxo de trabalho que está a mudar a forma como software é construído. Não vais sair designer, mas vais sair com uma perspectiva diferente sobre o papel do design na engenharia de produto, com noções práticas de como usar estas ferramentas para acelerar o desenvolvimento sem perder controlo sobre o código, e com clareza sobre onde a AI ajuda e onde precisas de intervir. Numa era em que a distinção entre design e engenharia é cada vez mais difusa, quem perceber os dois lados tem uma vantagem real.