LegalTechDesign SystemVibe CodingFrontend

Escritório de Advocacia

Construindo o Design System e orquestrando Inteligência Artificial para padronizar o ecossistema interno de um grande escritório jurídico.

Ano

2023 – 2026

Papel

Product Designer · AI Orchestrator · Frontend Dev

Contexto

Há quase 3 anos, ingressei como o primeiro e único UX/UI Designer do time de TI em um escritório de advocacia de grande porte. O desafio inicial foi imergir nesse novo mercado, compreendendo as regras de negócio e a aplicação principal usada pela produção e pelo administrativo, para então iniciar uma padronização gradual dos sistemas.

A jornada de transformação digital em um ambiente tradicional: da criação de um Design System unificado à adoção do Vibe Coding para atuar como Frontend Developer na entrega de telas via IA.

O Desafio Inicial

Sendo o único UX/UI focado em TI num ambiente tradicional, a prioridade foi dominar a regra de negócio e a ferramenta principal. Comecei com o barco andando, criando melhorias e padronizações pontuais no sistema principal. Com o tempo, novos fluxos e pequenos sistemas surgiram para automatizar a rotina de advogados e do administrativo, e fomos continuamente melhorando o sistema principal e criando uma nova cara para ele.

Imersão: Compreensão profunda de regras de negócio em um novo mercado.

Evolução: Melhorias contínuas no sistema principal.

Expansão: Criação de novos fluxos para automatizar processos internos.

A Criação do Design System

O grande desafio foi buscar uma padronização dentro de um ecossistema onde diversos componentes haviam sido implantados de formas diferentes. Iniciei a construção do Design System de forma manual na ferramenta de design, recolhendo esses componentes. Com o auxílio da IA, esse processo foi muito facilitado e a padronização ganhou velocidade. Hoje, todas as novas aplicações e projetos já nascem dentro desse novo padrão criado em cima do Design System, enquanto trabalhamos paralelamente no legado para migrá-lo aos poucos para essa nova estrutura.

Padronização: Criação de um Design System sólido do zero.

Integração: Alinhamento de componentes com o brandbook do marketing.

Aceleração: Uso de IA para organizar e centralizar o Design System.

Visão Geral do Design System Unificado
Design System Unificado. Componentização modular que acelerou a entrega de telas.
Rotina, Discovery e Requisitos

Apesar de ser um trabalho de design voltado para sistemas internos, o contato com as pessoas é constante e vital. Minha rotina inclui forte colaboração com POs e GPs para o refinamento do produto. Em cada novo projeto, conduzo o levantamento de hipóteses e participo ativamente de reuniões de requisitos. Mesmo em processos que fogem do formato tradicional de discovery, estabeleci conversas com o cliente interno (usuários) como etapa inicial obrigatória: entender as dores reais e buscar as causas raiz para, só então, desenhar soluções precisas.

Colaboração: Atuação direta com POs e GPs para melhoria contínua.

Discovery: Levantamento de hipóteses e conversas com usuários no início de todo projeto.

Foco: Entender as causas raiz antes de prototipar soluções.

A Curva de Aprendizado com Inteligência Artificial

A partir de meados de 2025, começamos a estudar profundamente o impacto da IA no ecossistema de software, observando referências de mercado como o Harvey AI. Em 2026, passei a utilizar IA ativamente no dia a dia. Inicialmente, o foco era apenas gerar código rápido, o que nos levou a cometer erros comuns de refatoração. Com o tempo, percebi que a verdadeira força da IA exigia dar 'passos mais lentos', quebrando fluxos complexos em etapas estruturadas para garantir segurança e qualidade.

Estudos: Adoção do MCP (Model Context Protocol), Cursor e Cloud Code.

Governança: Criação de camadas rígidas de segurança para garantir o sigilo jurídico.

Maturidade: Transição de 'gerar código rápido' para 'orquestrar fluxos lógicos e validados'.

Orquestração de IA e Segurança
Orquestração de Inteligência Artificial focada em processos lógicos e validação de segurança (MCP e Cloud Code).
O Workflow Atual: Design Impulsionado por IA

O foco continua sendo o Design, mas agora com o processo facilitado e muito mais ágil. A IA atua como parceira: ela já lê os templates do Design System e indica os componentes necessários com base nos requisitos. Não entrego o código Front-End pronto; envio o design refinado com um código inicial e micro-interações. A equipe de desenvolvimento (Devs) é quem faz as ligações reais com o Back-End, consumindo as APIs e refatorando o código gerado pela IA. A essência do design se mantém firme, sempre com testes de usabilidade e validações de navegação junto aos clientes internos antes de repassar a solução definitiva.

Agilidade: Redução drástica do tempo em tarefas operacionais de design.

Integração: Entrega de design com código inicial, refinado posteriormente pela engenharia.

Validação: Testes de usabilidade e aprovação com o cliente interno são inegociáveis.

Workflow de Design e Código
Workflow Híbrido: IA acelerando o processo enquanto os desenvolvedores integram com Back-End e APIs.
Reflexões e Evolução

A principal reflexão deste processo é que a base do Design não mudou; ela apenas evoluiu. A IA absorveu o esforço de tarefas maçantes que antes levavam muito tempo, liberando espaço para pensarmos junto com ela desde as ideias iniciais. Essa agilidade gerou um impacto enorme: o volume de novos projetos que conseguimos absorver e entregar cresce a cada dia. A verdadeira evolução não foi substituir o Design por código rápido, mas sim usar a IA para escalar a nossa capacidade de entrega e manter o foco real na experiência do usuário.

Evolução: O Design não perdeu a sua essência, ganhou velocidade de execução.

Escala: Aumento significativo no volume de projetos entregues este ano.

Foco: A IA opera tarefas repetitivas, permitindo mais dedicação à usabilidade.