Back to Plugins
Kodiak

Kodiak

Converta protótipos Figma em telas Kodiak

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)


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.

Plugin Details

Version28
CreatedMay 5, 2024
Last UpdatedOctober 15, 2025
CategorySoftware development
CreatorRodrigo Demetrio Palma
Stats70 installs, 47 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:
    • none
  • Codegen Languages:
    • Kodiak(kodiak)