01 / Chrome
Capture o que você vê
Abra a página que quer alterar, clique no Snapture na barra do Chrome e escolha o que capturar.
Sua página web,
editável no Figma.
Capture a tela que você está vendo, mesmo após o login, e edite textos e layout no Figma.
10 capturas grátis por mês. A cota é renovada mensalmente.
Recursos
Use a tela atual como ponto de partida
02 / HTML + CSS
Também com HTML e CSS
Veja a prévia do código, ajuste a largura e capture.
03 / Figma
Auto Layout
Continue editando com Auto Layout nas áreas em que o layout original pode ser preservado.
Componentes & estilos
Elementos repetidos com estrutura compatível podem virar componentes. Textos, cores e variáveis de cor CSS compatíveis geram estilos e variáveis locais.
04 / Viewport
Em cada largura
Capture o layout exibido em cada largura de tela.
Gráficos, mapas, 3D
Gráficos, mapas e conteúdo 3D podem entrar como imagens. Essas áreas não são editáveis como dados de gráficos ou modelos 3D.
Captura em lote
Cole uma lista de URLs, ou puxe do próprio sitemap do site, e o Snapture abre e captura cada uma. Até 30 páginas por rodada.
Como funciona
- 01
Capture o que você vê
Abra a página que quer alterar, clique no Snapture na barra do Chrome e escolha o que capturar.
- 02
Copiar para o Figma
Após capturar, copie para o Figma. Você também pode salvar um arquivo e arrastá-lo para o plugin.
- 03
Edite no Figma
Abra o Snapture Import no seu arquivo Figma e cole com Cmd/Ctrl+V. Selecione uma camada de texto para começar a editar.
Preços
Pro
$5 /mês
Capturas ilimitadas, com captura de várias páginas de uma vez.
Assinar o Pro Pague por ano — $49 (2 meses grátis)Pare de redesenhar o que já existe.
Primeiro adicione a extensão do Chrome. Depois de capturar, abra o Snapture Import no Figma e cole o resultado.