Figma skill

O que ela faz

A skill figma faz a ponte entre o Figma e o HyperFrames, o framework da HeyGen que monta vídeo a partir de HTML. Você cola o link de um quadro, logo ou arquivo, e ela importa na hora de montar o projeto, guardando uma cópia local com a origem anotada. Assim o vídeo renderiza sem chamar o Figma de novo.

Com os comandos npx hyperframes figma, ela traz logos e imagens em SVG ou PNG, as cores e fontes da marca como variáveis, e quadros inteiros como HTML editável na geometria exata. Trocar uma variável muda a marca em todas as peças importadas de uma vez.

Num storyboard, ela lê cada quadro como um estado do mesmo elemento e anima entre eles, em vez de passar os quadros como slides. O movimento feito no Figma é traduzido pra GSAP com a ajuda de um conector do Figma e conferido contra o vídeo exportado do próprio Figma.

Nas palavras de quem fez

Quando usar

• Fazer o vídeo de lançamento com o logo e as cores que já estão no Figma
• Transformar um storyboard desenhado no Figma em animação
• Montar um vídeo de produto com a tela do app mudando de estado
• Manter várias peças de vídeo na mesma identidade sem copiar código de cor

Depois de instalar, é só pedir assim

• Usa a skill figma pra trazer o logo e as cores deste arquivo pro meu vídeo: [link do Figma]
• Transforma os quadros dessa seção do Figma numa animação no HyperFrames
• Importa esse quadro do Figma como componente e anima a entrada do título

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykAlerta

Perguntas