Kodiak
Converta protótipos Figma em telas Kodiak e crie telas do zero com o Astro IA
Plugin Preview
About this plugin
Kodiak - Transforme rapidamente seus protótipos Figma em telas Kodiak!
Descrição
Este plugin foi desenvolvido para facilitar o handoff de design do Figma para o Kodiak. Com ele é possível transformar as telas criadas no Figma em telas do Kodiak, desde que sejam prototipadas com a biblioteca BBDS Templates Kodiak Mobile.
Além de agilizar o processo de desenvolvimento, o plugin Kodiak permite garantir a consistência do design.
Templates suportados
Este plugin está saindo do forno agora e por enquanto consegue fazer a conversão dos seguintes templates:
- FormDLS
- ListDLS
- GridDLS
- IntroDLS
- Onboarding
- CentralDLS
- TextDLS
- CardDetailsDLS
- CardInfoResumedDLS
- ListCardDetailsDLS
- ItemDetails
- TrackingDLS
- StatementDLS
- ItemPickerDLS
- ReceiptDLS
Como Usar
- Baixe o Plugin
- Selecione um ou mais componentes Kodiak no Figma e clique com o botão direito > Plugins > Kodiak
- Se estiver no browser, pode ser que tenha que precise clicar no Link Copiar
- No Kodiak, acesse o seu serviço e pressione CTRL+V ou CMD+V no mac
- Verifique os elementos e clique em importar
- Pronto, os elementos já foram importados!
Caso queira ver o resultado no emulador:
- Adicione um entrypoint à nova tela
- Clique no botão de Play azul (Garanta que o Kodiak Launcher esteja rodando no seu computador)
Astro IA — Seu copiloto inteligente no design com Kodiak
O Astro IA é o assistente inteligente do Kodiak, criado para ajudar você a construir telas e fluxos de navegação completos diretamente no Figma, utilizando os templates oficiais BBDS - Templates Kodiak Mobile.
Com ele, você não precisa começar do zero: basta descrever a tela ou fluxo que deseja criar, e o Astro monta automaticamente a estrutura inicial — pronta para ajustes e exportação para o Kodiak.
O que o Astro IA faz:
- Gera telas ou fluxos automaticamente com base em descrições em linguagem natural. Exemplo: “Crie um fluxo de 3 telas para solicitação de crédito.”
- Utiliza templates Kodiak Mobile, garantindo consistência visual e aderência ao design system BBDS.
- Aceita referências visuais, permitindo anexar imagens de aplicativos semelhantes.
- Funciona direto no Figma, como parte do plugin Kodiak.
Benefícios
- Acelera a fase inicial de design e prototipagem.
- Mantém a padronização de componentes e estilos BBDS.
- Facilita o handoff para o Kodiak, reduzindo retrabalho entre design e desenvolvimento.
- Ideal para gerar fluxos comuns, como formulários, onboarding, checkouts ou telas de confirmação.
Observações
Para que o plugin funcione corretamente, é necessário que os protótipos de telas sejam templates da biblioteca BBDS - Templates Kodiak Mobile.
O plugin não funcionará caso tenha clicado na opção Detach instance em qualquer parte do template. Além disso, evite ao máximo mudar os nomes dos layers do template.
No momento, o Astro IA responde apenas aos templates:
- ListDLS
- FormDLS
- IntroDLS
- TextDLS
- Receipt
- ItemDetails
- CentraDLS
Novos templates e fluxos estão sendo adicionados continuamente conforme o recurso evolui.
Plugin Details
| Version | 30 |
|---|---|
| Created | May 5, 2024 |
| Last Updated | December 24, 2025 |
| Category | Software development |
| Creator | Rodrigo Demetrio Palma |
| Stats | 76 installs, 50 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:dev
- Allowed Domains:
- https://acs-assist-gr-tmp-kodiak.nia.desenv.bb.com.br
- https://acs-assist-gr-tmp-kodiak.nia.hm.bb.com.br
- https://acs-assist-gr-tmp-kodiak.nia.servicos.bb.com.br
- https://acs-assist-ls-tmp-kodiak.nia.desenv.bb.com.br
- https://acs-assist-ls-tmp-kodiak.nia.hm.bb.com.br
- https://acs-assist-ls-tmp-kodiak.nia.servicos.bb.com.br
- https://api.openai.com
- Codegen Languages:
- Kodiak(kodiak)
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.