Vídeos
O MockStudio funcionando
9 vídeos curtos, cerca de 11 minutos no total. O site lembra neste navegador o que você já assistiu e de onde parou.
0 de 9 assistidos
Funcionalidades
Um recurso por vídeo, na ordem em que você usa
Capturar telasNavegar e capturar, os três modos de captura (Rápida, Completa e Só imagem) e como guardar um menu ou combo aberto
com Capturar estado.1min21s
Editar conversando com a IASelecionar um elemento, pedir a mudança no chat (Ctrl+K), acompanhar a IA trabalhando, ver o resultado e a
alteração registrada para o documento do dev.1min04s
Ações e modais sem códigoO assistente Criar ação em 4 passos: escolher o elemento, o que acontece ao clicar, criar um modal novo descrito em
português e ver funcionando (abrir, preencher, salvar e o aviso).1min13s
FluxosMontar o caminho do usuário automaticamente a partir das ações, com setas saindo do botão clicado e modais com o
print aberto; ajustar passos e telas, notas e setas livres; exportar a imagem.0min57s
Biblioteca de telasGuardar telas em coleções por sistema (enviando do projeto ou capturando direto), buscar por nome ou endereço,
usar em outro projeto, recapturar quando o sistema muda e exportar/importar.1min15s
Validador de UX e documento do devValidar a tela (notas por critério, problemas com gravidade, sugestão e a regra de UX, análise opcional da IA) e
gerar o documento para o dev, com instruções para a IA que vai implementar, resumo das alterações, fluxos e PDF.1min04s
Pacote de apresentaçãoGerar o .zip, levar para outro computador, extrair e dar dois cliques no index.html: o mockup abre no navegador,
offline, com as ações funcionando e o botão ☰ para pular entre as páginas.0min53s
Documento para o devO que vem no documento (.md com a pasta de imagens): instruções para a IA que vai implementar, resumo, fluxos,
antes e depois e cada alteração com print marcado. E como o dev usa: abre a IA de código dele no projeto real e
pede "implemente a página X deste documento".1min09s