'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Flinto e Figma
Este recurso foi desenvolvido pela Flinto. Para qualquer dúvida sobre o Flinto ou a integração, entre em contato com a equipe da Flinto.
O Flinto é um aplicativo para Mac usado por designers para criar protótipos interativos e animados. O Flinto está disponível somente para Mac. Saiba mais sobre o Flinto.
O Flinto oferece acesso a ferramentas avançadas para transições animadas, microinterações, efeitos baseados em rolagem e muito mais. Com o Flinto, você pode:
- Criar transições animadas personalizadas entre os quadros.
- Projetar suas próprias microinterações com o Designer de Comportamento do Flinto.
- Usar vários gestos de toque, incluindo o toque 3D.
- Adicionar GIFs e vídeos aos seus protótipos.
- Exportar a gravação dos seus protótipos para compartilhar on-line.
A integração permite que você importe seus designs do Figma para o Flinto. Em seguida, você pode transformá-los em protótipos animados e interativos.
Observação: ao importar quadros do Figma, o Flinto preservará a maioria das formas vetoriais e camadas de texto editável. Para quaisquer recursos que não sejam suportados, o Flinto os achatará em imagens bitmap.
Neste artigo, abordaremos como:
Conectar o Figma e o Flinto
Antes de poder importar seus designs do Figma, você precisará autorizar a conexão entre o Figma e o Flinto.
Isso permite que o Flinto acesse seus arquivos, para que eles possam importá-los para o aplicativo.
Você só precisará fazer isso uma vez, na primeira vez que importar um arquivo do Figma.
- Abra o aplicativo Flinto.
- Clique em Importar na barra de ferramentas. Ou acesse Flinto > Importar na barra de menus.
- Selecione a aba Figma:
- Clique no botão Acessar o Figma:
- Seu navegador da Web abrirá o Figma em uma nova aba. Se não estiver conectado, você será solicitado a fazer isso agora. Caso contrário, clique no botão Permitir acesso:
- Clique no prompt para retornar ao Flinto.
Importar um design do Figma
Agora que a conexão foi estabelecida, você pode importar seus arquivos Figma para o Flinto.
Você poderá selecionar entre os arquivos que abriu mais recentemente. Se você não abriu o arquivo recentemente - ou não encontrou o arquivo que está procurando - tente abrir o arquivo no Figma primeiro.
- No aplicativo Flinto, clique no botão Importar na barra de ferramentas.
- Selecione a aba Figma. Em seguida, você pode selecionar o arquivo que deseja importar para o Flint. Seus arquivos editados mais recentemente são exibidos na parte superior:
- Selecione o Tamanho da tela para o arquivo selecionado. Frames. O padrão será o tamanho do documento atual.
- Clique no botão Importar quadros.
- Agora você está pronto para criar seu protótipo no Flinto! Visite a página de aprendizagem do Flinto para saber mais sobre como começar.
Desconectar sua conta Figma
- Clique no botão Importar na barra de ferramentas para abrir o modal.
- Selecione a aba Figma.
- Clique na foto do seu perfil no canto inferior esquerdo e selecione Sair:
