Use o Figma com o MonstarX
ResumindoConecte o Figma em Backend → Nuvem entrando na sua conta do Figma. O agente do MonstarX passa a ler um arquivo do Figma pelo link (páginas, frames e camadas) e a transformar os frames escolhidos em imagens, em qualquer modo. Ele nunca altera seus arquivos. Para começar um app novo a partir de um design, use o botão Figma na página Projetos.
Leia arquivos do Figma e transforme os frames em imagens.
- Tipo
- Ferramenta de negócios · login
- Categoria
- Projetos, design e RH
- Conecte com
- Entre com a sua conta
O Figma é onde muitas equipes desenham seus apps. Conecte sua conta do Figma a um projeto e o agente do MonstarX (a IA com quem você conversa) consegue abrir um arquivo do Figma que você indicar pelo link enquanto trabalha: deixar uma tela nova igual ao frame que o seu designer fez, ler os textos e os nomes de camadas exatos ou gerar uma imagem de um frame.
Esta é uma ferramenta de negócio: o MonstarX lê seus arquivos do Figma por você, em um projeto. O app que você cria nunca recebe acesso à sua conta do Figma.
Qual Figma é este?
Seção intitulada “Qual Figma é este?”O MonstarX trabalha com o Figma de duas formas diferentes.
| Figma como ferramenta de negócio (esta página) | Criar a partir de um arquivo do Figma | |
|---|---|---|
| Para que serve | Conferir designs enquanto você trabalha em um app que já existe | Começar um app novo a partir de um design pronto |
| Como o MonstarX recebe o design | Lê o arquivo no Figma, pelo link, usando a sua conta conectada | Você solta um arquivo .fig (File → Save local copy… no Figma) na página Projetos |
| Onde você configura | BackendNuvem, Figma em Conectores | Em Projetos, clique em Figma |
| Saiba mais | Esta página | Crie um app funcionando a partir de um design no Figma |
O que o MonstarX pode fazer com ele?
Seção intitulada “O que o MonstarX pode fazer com ele?”Tudo é só leitura e funciona em qualquer modo.
| O que o MonstarX pode fazer |
|---|
| Ver quem está conectado: a sua conta do Figma |
| Ler um arquivo: as páginas, os frames e as camadas, alguns níveis abaixo (você passa o link do arquivo) |
| Ler frames ou camadas escolhidos em detalhes |
| Ler os dados de um arquivo: nome, quando foi alterado e quem editou por último |
| Transformar frames em imagens (PNG, JPG, SVG ou PDF) e gerar um link para cada uma |
O que ele nunca faz: editar, comentar, duplicar ou excluir um arquivo, nem mudar com quem ele está compartilhado.
Antes de começar
Seção intitulada “Antes de começar”- Uma conta do Figma que consiga abrir o arquivo que você quer que o MonstarX leia.
- Você é o proprietário do projeto no MonstarX. Só o proprietário pode conectar ou desconectar uma ferramenta.
Conecte sua conta
Seção intitulada “Conecte sua conta”Não há chave nenhuma para copiar. Você entra no Figma e o Figma pede que você permita ao MonstarX:
- Ler o seu perfil de usuário: para mostrar qual conta está conectada.
- Ler o conteúdo dos arquivos: páginas, frames e camadas, e as imagens geradas a partir deles.
- Ler os dados dos arquivos: nomes e histórico de edição.
Conecte no MonstarX
Seção intitulada “Conecte no MonstarX”-
Abra seu projeto e clique em Backend na barra superior e depois em Nuvem.
-
Role até Conectores e encontre o Figma.
-
Clique em Conectar. O Figma abre. Entre, confira o que o MonstarX pede e permita o acesso.
-
Você volta para o seu projeto. A linha agora mostra Conectado a e o seu nome de usuário no Figma.
Peça ao MonstarX para usar
Seção intitulada “Peça ao MonstarX para usar”Cole o link do arquivo (em Share → Copy link no Figma). Um link para um frame específico leva o MonstarX direto até ele.
| Você digita | O que acontece |
|---|---|
| “Deixe a página Configurações igual a este frame: https://www.figma.com/design/…” | O MonstarX lê as camadas e os textos do frame e muda a sua página para ficar igual. |
| “Use os textos exatos dos botões da página Checkout do nosso arquivo do Figma.” | Ele lê as camadas e copia os textos. |
| “Quais páginas existem no nosso arquivo de design e quando ele foi alterado pela última vez?” | Ele lê os dados do arquivo e responde. |
Segurança e privacidade
Seção intitulada “Segurança e privacidade”- Fica com o MonstarX. Sua conexão com o Figma fica guardada com criptografia nos servidores do MonstarX. Ela nunca é escrita no código do seu app nem entregue a ele.
- Um projeto só. A conexão funciona apenas no projeto em que você a fez.
- Lido como informação. O MonstarX trata os nomes de camadas e os textos de um arquivo como informação, nunca como instrução.
- Desconecte quando quiser. Clique em Desconectar ao lado do Figma em BackendNuvem e confirme. O MonstarX apaga a conexão na hora. Para remover o acesso também no Figma, revogue-o em Settings → Security → Connected apps no Figma.
Perguntas frequentes
Seção intitulada “Perguntas frequentes”Devo usar este conector ou o botão Figma da página Projetos?
Para começar um app novo a partir de um design pronto, use Figma na página Projetos. Veja Crie um app funcionando a partir de um design no Figma. Para conferir designs ou deixar telas iguais a eles enquanto você trabalha em um app que já existe, conecte esta ferramenta de negócio.
O MonstarX pode alterar meu arquivo do Figma?
Não. A conexão com o Figma é só de leitura.
Ele consegue ler arquivos que outras pessoas compartilharam comigo?
Sim, qualquer arquivo que a sua conta do Figma consiga abrir. Cole o link do arquivo na sua mensagem.