Interfaces
Projetos de interface
Telas, fluxos e protótipos — do Figma ao código, com links para explorar cada projeto ao vivo.
Projetos
- Ano
- 2026
- Feito com IA
- Design system — FigmaApp — Flutter e SupabaseCódigo — Claude Code
Maestro
App de treino que liga professor e aluno. O vínculo começa por qualquer um dos dois: cada um tem um código, e tanto o professor chama o aluno quanto o aluno chama o professor. O professor monta a rotina e acompanha a evolução, o aluno registra cada série no celular. É meu primeiro app nativo, do design system no Figma ao código em Flutter.
- Papel
- Criação de ponta a ponta, individual e autoral: produto, design system e a orquestração dos agentes de IA que escreveram o código.
- Objetivo
- Fazer um app de treino melhor que os que eu usava, ligando professor e aluno, e aprender Flutter no caminho: é o meu primeiro app nativo.
- O que eu fiz
- Criei a IA que ajuda o professor a montar o treino. Ela lê o histórico do aluno e a condição de saúde que ele conta, só sugere carga quando existe histórico e recusa diagnóstico, remédio e dieta. O rascunho passa pela revisão do professor antes de chegar ao aluno.
- Também criei uma IA para quem treina sem professor. O aluno conversa com ela e ela monta o treino, com as mesmas travas de saúde; quem já tem a ficha do personal pode importar o PDF ou colar o texto. Nada grava sozinho: o treino só entra quando o próprio aluno aceita o rascunho.
- Montei um design system integrado: o código é a fonte, e o Figma é uma das camadas dele. São mais de 130 componentes, da base aos gráficos e às composições de tela, sobre 127 tokens. A documentação é gerada do código, um catálogo mostra cada componente no celular e na web com o mesmo código, e um teste confere se o Figma usa os mesmos nomes de token.
- Não sou desenvolvedora. O código foi escrito por agentes de IA que eu criei e orquestrei, com travas de segurança, LGPD e qualidade. Lancei o app e ajusto pelo uso real: em outubro de 2026, 3 professores e 17 alunos usam o Maestro.
Vídeo de lançamento
No celular
Aluno e professor · 5 telas
No computador
Painel do professor · 3 telas
Processo
Do design system ao app
user interface (ui)
Projetos de interface
Telas, fluxos e protótipos — do Figma ao código, com links para explorar cada projeto ao vivo.
Maestro
App de treino que liga professor e aluno. O vínculo começa por qualquer um dos dois: cada um tem um código, e tanto o professor chama o aluno quanto o aluno chama o professor. O professor monta a rotina e acompanha a evolução, o aluno registra cada série no celular. É meu primeiro app nativo, do design system no Figma ao código em Flutter.
- Papel
- Criação de ponta a ponta, individual e autoral: produto, design system e a orquestração dos agentes de IA que escreveram o código.
- Objetivo
- Fazer um app de treino melhor que os que eu usava, ligando professor e aluno, e aprender Flutter no caminho: é o meu primeiro app nativo.
- O que eu fiz
- Criei a IA que ajuda o professor a montar o treino. Ela lê o histórico do aluno e a condição de saúde que ele conta, só sugere carga quando existe histórico e recusa diagnóstico, remédio e dieta. O rascunho passa pela revisão do professor antes de chegar ao aluno.
- Também criei uma IA para quem treina sem professor. O aluno conversa com ela e ela monta o treino, com as mesmas travas de saúde; quem já tem a ficha do personal pode importar o PDF ou colar o texto. Nada grava sozinho: o treino só entra quando o próprio aluno aceita o rascunho.
- Montei um design system integrado: o código é a fonte, e o Figma é uma das camadas dele. São mais de 130 componentes, da base aos gráficos e às composições de tela, sobre 127 tokens. A documentação é gerada do código, um catálogo mostra cada componente no celular e na web com o mesmo código, e um teste confere se o Figma usa os mesmos nomes de token.
- Não sou desenvolvedora. O código foi escrito por agentes de IA que eu criei e orquestrei, com travas de segurança, LGPD e qualidade. Lancei o app e ajusto pelo uso real: em outubro de 2026, 3 professores e 17 alunos usam o Maestro.
Design system — Figma · App — Flutter e Supabase · Código — Claude Code
Vídeo de lançamento
No celular
Aluno e professor · 5 telas
No computador
Painel do professor · 3 telas
Processo
Do design system ao app