Back to Plugins
Kodiak

Kodiak

Converta protótipos Figma em telas Kodiak e crie telas do zero com o Astro IA

Plugin Preview

Kodiak 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:


  1. FormDLS
  2. ListDLS
  3. GridDLS
  4. IntroDLS
  5. Onboarding
  6. CentralDLS
  7. TextDLS
  8. CardDetailsDLS
  9. CardInfoResumedDLS
  10. ListCardDetailsDLS
  11. ItemDetails
  12. TrackingDLS
  13. StatementDLS
  14. ItemPickerDLS
  15. ReceiptDLS


Como Usar


  1. Baixe o Plugin
  2. Selecione um ou mais componentes Kodiak no Figma e clique com o botão direito > Plugins > Kodiak
  3. Se estiver no browser, pode ser que tenha que precise clicar no Link Copiar
  4. No Kodiak, acesse o seu serviço e pressione CTRL+V ou CMD+V no mac
  5. Verifique os elementos e clique em importar
  6. Pronto, os elementos já foram importados!


Caso queira ver o resultado no emulador:


  1. Adicione um entrypoint à nova tela
  2. 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:



  1. 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.”
  2. Utiliza templates Kodiak Mobile, garantindo consistência visual e aderência ao design system BBDS.
  3. Aceita referências visuais, permitindo anexar imagens de aplicativos semelhantes.
  4. Funciona direto no Figma, como parte do plugin Kodiak.


Benefícios


  1. Acelera a fase inicial de design e prototipagem.
  2. Mantém a padronização de componentes e estilos BBDS.
  3. Facilita o handoff para o Kodiak, reduzindo retrabalho entre design e desenvolvimento.
  4. 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:

  1. ListDLS
  2. FormDLS
  3. IntroDLS
  4. TextDLS
  5. Receipt
  6. ItemDetails
  7. CentraDLS


Novos templates e fluxos estão sendo adicionados continuamente conforme o recurso evolui.

Plugin Details

Version30
CreatedMay 5, 2024
Last UpdatedDecember 24, 2025
CategorySoftware development
CreatorRodrigo Demetrio Palma
Stats76 installs, 50 likes
PricingFree

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)