Antes de começar
Quem pode usar esse recurso
O Figma Make está disponível para acessos Full em planos pagos.
Você pode experimentar o Figma Make em outros acessos e planos.
Quando estiver tudo pronto para compartilhar seu protótipo funcional, aplicativo web ou UI interativa com o mundo, você pode publicá-lo. A publicação disponibiliza seu protótipo funcional ou aplicativo na web pública, com sua própria URL dedicada.
Depois de publicar, você pode fazer mudanças incrementais no seu protótipo funcional ou aplicativo web, ou cancelar a publicação para removê-lo da web pública.
Você também pode atribuir um domínio personalizado a um aplicativo web. O número de domínios personalizados que você pode atribuir depende do seu plano. O limite é compartilhado com o Figma Sites.
Atenção: a publicação no Figma Make pode ser desativada nas configurações de administrador. Se você não conseguir publicar porque o botão Publicar no Figma Make está desativado, isso significa que a publicação foi desativada para a sua equipe ou organização.
Publicar um protótipo funcional ou aplicativo web
Atenção: antes de publicar, verifique se você tem os direitos de todo o conteúdo do protótipo funcional ou aplicativo e se está seguindo a Política de Uso Aceitável do Figma. Lembre-se de que as imagens fornecidas pelo Figma Make vêm do Unsplash. Se planejar usar qualquer imagem do Figma Make, você será responsável por examiná-las para seu caso de uso específico. Elas estão sujeitas aos Termos e Condições do Unsplash, disponíveis em https://unsplash.com/terms.
Para publicar seu protótipo funcional ou aplicativo web:
- Abra o arquivo do Figma Make que você quer publicar.
- No canto superior direito, clique em Publicar.
- No modal Publicar, defina um título.
- Opcionalmente, no canto superior direito da interface do Figma Make, clique em Configurações do Make para alterar as configurações adicionais do seu site.
- Clique em Publicar.
Depois de clicar em publicar, seu protótipo funcional ou aplicativo web ficará disponível na web pública. O Figma Make fornece uma URL pública gerada aleatoriamente, que você pode usar para acessar seu protótipo funcional ou aplicativo web publicado e compartilhar com outras pessoas. A URL gerada será assim: three-random-words.figma.site
Atenção: ocasionalmente, a publicação um protótipo funcional ou app pode falhar. Se isso ocorrer, recomendamos que você aguarde alguns minutos e tente novamente.
Depois de publicar seu protótipo funcional ou aplicativo web, a janela de publicação exibirá o seguinte:
- A URL do aplicativo web, gerada automaticamente pelo Figma. Clique na URL para visitar seu protótipo funcional ou aplicativo web publicado. Agora, você pode alternar para usar um domínio personalizado, se preferir.
- O status é Publicado.
- Um novo campo que mostra a última data de publicação.
Importante: consulte um advogado para garantir que você entenda suas obrigações legais ao usar imagens ou publicar via Figma Make. Não confie nessas diretrizes para garantir que você está em conformidade com a lei.
Você é responsável por qualquer informação que coletar dos usuários (como itens enviados para sites ou informações de visitantes) e por garantir que os dados sejam gerenciados de forma compatível.
Atualizar um protótipo funcional ou aplicativo web publicado
Se precisar modificar o conteúdo existente, você pode publicar uma atualização no seu protótipo funcional ou aplicativo web.
Todas as alterações feitas em seu protótipo funcional, aplicativo web ou UI interativa só aparecerão depois que você atualizar a versão publicada. Por exemplo, se a interface do seu aplicativo web mudar, essa alteração não aparecerá no protótipo funcional ou aplicativo web publicado até que você publique uma atualização.
Para publicar as alterações, siga as mesmas instruções em Publicar um protótipo funcional ou aplicativo web. Em seguida, no modal Publicar, clique em Atualizar.
Adicionar um domínio personalizado
Se você quiser que seu protótipo funcional ou aplicativo web publicado tenha uma URL diferente daquela gerada aleatoriamente pelo Figma Make, é possível atribuit um domínio personalizado. Por exemplo, ao adicionar um domínio personalizado, você pode definir https://www.yourdomain.com
como a URL do seu protótipo funcional ou aplicativo web publicado.
Para atribuir um domínio personalizado, siga os passos em Gerenciar um domínio personalizado para seu site. Os passos são os mesmos para o Figma Make.
Cancelar a publicação de um protótipo funcional ou aplicativo web
Cancelar a publicação do seu protótipo funcional ou aplicativo web o removerá da web pública. Se você decidir republicar mais tarde, o Figma reutilizará a mesma URL. Para cancelar a publicação:
- No arquivo do Figma Make do protótipo funcional ou aplicativo web que você quer despublicar, clique em Configurações do Make no canto superior direito.
- Clique em Cancelar publicação.
Modal Publicar
O modal Publicar inclui o título atual, uma URL e o status (publicado ou não publicado).
O modal Publicar inclui o seguinte:
-
Título: o título do seu protótipo funcional ou aplicativo web conforme aparece nas abas do navegador, nos resultados dos mecanismos de busca e nas redes sociais. Adicionar um título ajuda as pessoas a entender qual site estão vendo, melhora o SEO e a acessibilidade.
-
URL: se o protótipo funcional ou o aplicativo web nunca foram publicados, aparece um exemplo de URL. Caso contrário, a URL real do protótipo funcional ou aplicativo web publicado é exibida. Caso sejam despublicados, a URL exibida não muda, mas não fica mais ativa na web pública.
-
Status: o status padrão é Não publicado. Se o protótipo funcional ou o aplicativo web estiver no ar, você verá Publicado em vez disso.
Modal Configurações do Make
Há uma série de configurações avançadas opcionais que você pode definir antes ou depois de publicar seu protótipo funcional ou aplicativo web. Para visualizar o modal Configurações do Make, no canto superior direito da interface do Figma Make, clique em Configurações do Make.
No modal Configurações do Make, é possível especificar os metadados e a capacidade de descoberta do seu protótipo funcional ou aplicativo web publicado. No modal Configurações do Make, você pode ver se seu protótipo funcional foi publicado ou não, publicá-lo ou despublicá-lo e definir o seguinte:
- Título
- Meta descrição
- Idioma
- ID do Google Analytics
- Excluir todas as páginas dos resultados da busca
- Favicon
- Imagem para compartilhamento em redes sociais
- Código personalizado para o cabeçalho e o texto do site
Título
Use a configuração de Título para especificar um título para seu protótipo funcional ou aplicativo web publicado. O título aparece nas abas do navegador, nos resultados dos mecanismos de busca e nas redes sociais. Adicionar um título ajuda as pessoas a entender em qual página estão no navegador, auxilia no SEO e melhora a acessibilidade.
Meta descrição
Use a configuração Meta descrição para fornecer uma descrição do seu protótipo funcional ou aplicativo web publicado. Uma meta descrição é um breve resumo do conteúdo do seu site ou página e é projetada para atrair usuários e melhorar as taxas de cliques das páginas de resultados dos mecanismos de busca (SERPs).
Idioma
Use a configuração Idioma para definir o idioma principal do conteúdo do seu protótipo funcional ou aplicativo web. Definir o código de idioma para o seu protótipo funcional ou aplicativo web melhora a acessibilidade e auxilia os recursos de tradução do navegador, indicando claramente o idioma principal.
Os códigos ISO de idiomas atribuem identificadores únicos aos idiomas. Alguns dos códigos de idiomas mais comuns são:
- ar – Árabe
- de – Alemão
- en – Inglês
- es – Espanhol
- fr – Francês
- ja – Japonês
- hi – Hindi
- ru – Russo
- pt – Português
- zh – Chinês
Confira a lista completa de códigos ISO de idiomas na Wikipedia.
ID do Google Analytics
Use a configuração ID do Google Analytics para capturar métricas de uso com o Google Analytics. Conecte-se a uma propriedade do Google Análises para obter insights sobre como as pessoas estão usando seu site publicado.
Revise as instruções do Google sobre como encontrar seu ID do Google Analytics.
Atenção: no momento, apenas o Google Analytics é compatível, mas pretendemos aceitar mais provedores de análises no futuro. Você pode usar as configurações de código personalizadas para o cabeçalho e o texto do seu protótipo funcional ou aplicativo para fornecer trechos de código para outras plataformas de análise às quais não oferecemos suporte direto.
Lembre-se de que você é responsável por garantir que seu protótipo funcional ou aplicativo esteja em conformidade com as leis aplicáveis, incluindo quaisquer leis aplicáveis a cookies, privacidade e coleta de dados.
Excluir todas as páginas dos resultados da busca
Ative a configuração Excluir todas as páginas dos resultados de busca para instruir os robôs dos mecanismos de busca a não indexar seu protótipo funcional ou aplicativo web ou mostrá-lo nos resultados da busca.
Marque a caixa para adicionar uma tag <meta name="robots" content="noindex">
ao cabeçalho do seu protótipo funcional ou aplicativo web publicado.
Favicon
Use a configuração Favicon para carregar uma imagem para usar como favicon. Um favicon fornece uma pequena representação visual do seu protótipo funcional ou aplicativo web publicado nas abas do navegador, nos resultados da busca e nos favoritos. Recomendamos usar uma imagem de 32px x 32px.
Imagem para compartilhamento em redes sociais
Use a configuração de imagem de compartilhamento social para fazer upload de uma imagem que aparece quando seu protótipo funcional ou aplicativo web publicado é compartilhado nas redes sociais. Recomendamos usar uma imagem com 1200 px de largura por 630 px de altura.
Código personalizado para o cabeçalho e o texto do site
Você pode adicionar trechos de código personalizados no começo ou no final das tags de cabeçalho ou texto do protótipo funcional ou aplicativo web.
Por exemplo, carregar tags críticas, como análises, no cabeçalho garante que elas sejam executadas logo no início, enquanto elementos não críticos, como um widget de chat, podem ser colocados no final do texto para evitar que ele deixe o conteúdo principal do seu protótipo ou aplicativo web lento.