Sim! O Figma tem um novo construtor de sites chamado Sites Figma, e agora pode conceber e publicar um sítio Web num ambiente sem código.
Pode criar páginas de destino, portefólios ou projectos internos com boa capacidade de resposta e visualmente polidos - tudo com base nos seus designs Figma. Mas e se quiser tornar as suas páginas mais dinâmicas com prova social?
Agora pode incorporar qualquer widget EmbedSocial - um gratuito do Instagram, a Controlo deslizante Google Reviewsou uma galeria de menções do TikTok - diretamente no seu Site Figma.
Incorporar Feed do Instagram no seu sítio Web sem levantar um dedo!
Gerar e incorporar widget do Instagram com o seu feed, menções ou hashtags diretamente para o seu sítio Web.
Para sua informação: pode incorporar automaticamente um Widget do Instagram com um agregador de redes sociais, dando vida ao seu sítio Web com conteúdo fresco.
O que são os Figma Sites?
O Figma Sites é uma ferramenta de publicação leve que lhe permite transformar qualquer desenho Figma numa página Web ao vivo e partilhável, sem necessidade de programadores.
Pense nisso como uma maneira de enviar micro-sites, campanhas ou apresentações usando seu sistema de design existente. E agora, com o suporte de incorporação, pode melhorar as suas páginas com widgets ao vivo da EmbedSocial.
Passos para incorporar widgets do Instagram ou de avaliações do Google no Figma Sites
Apenas iframe são suportados no Figma Sites. Isto significa que é necessário utilizar o opção de incorporação de iframe do seu widget EmbedSocial. Eis como o fazer passo a passo:
Passo 1: Copiar o código Iframe do widget
- Aceda à sua conta EmbedSocial ou criar uma nova conta se for um novo utilizador.
- Ir para Widgets, criar novo ou selecionar o widget que pretende incorporar (Instagram Feed, Google Reviews, TikTok, etc.)
- No Editor, no painel de definições do lado esquerdo, clique no botão "Incorporar e depois em
- Copiar o
iframecódigo (certifique-se de que faz não utilizar a versão JavaScript)
Passo 2: Adicionar o bloco HTML no Figma Sites
Siga estes passos para colar o seu código no seu Site Figma:
- Abra o seu Site da Figma projeto.
- Do painel esquerdoClique no botão ➕ para adicionar um novo bloco.
- Selecionar Incorporações das opções de bloco.
- Em seguida, selecionar o URL ou HTML bloco. Terá de ajustar o bloco na área onde pretende incorporar o código.
- Verá um novo painel HTML à direita, onde terá de colar o seu
iframecódigo.
Passo 3: Ajustar a posição e publicar
- Após a incorporação, é possível ajustar o posição do bloco, largurapor altura.
- O seu widget será apresentado em direto no layout do Figma Site, permitindo-lhe pré-visualizar e estilizar o resto do seu conteúdo em conformidade.
- Clique Publicar para ver as alterações em direto.
Aqui está um site Figma ao vivo com um widget do Instagram incorporado pela EmbedSocial - ver em ação.
Como começar
Agora terá um widget EmbedSocial totalmente funcional dentro do seu site Figma - quer mostre o Instagram UGC, leva os testemunhos de clientesum widget expedível ou avaliações do Google em tempo real. É uma forma simples de transformar o seu design estático numa experiência viva alimentada por conteúdos autênticos.
