O recurso de entrada multimodal do Kiro rompe as limitações das interações somente de texto com um fluxo de trabalho de layout para código da interface do usuário que consiste em quatro etapas principais:
- Importação de imagensArraste e solte PNGs exportados do Sketch/Figma ou desenhos na tela diretamente na janela de bate-papo do Kiro.
- Declaração de intençõescomandos adicionais de linguagem natural, como "implementar cartões de produtos responsivos, mostrar botão de compra ao passar o mouse".
- análise inteligente (computação)A IA reconhecerá isso na imagem:
- Hierarquia de componentes (layout Flex/Grid)
- Códigos de cores (extração automática de valores HEX)
- Estado da interação (estilos padrão/hover/ativo)
- geração de códigoSaída com base nas preferências de pilha de tecnologia:
- Componentes React/Vue (com definição de props)
- Estilos CSS ou de componentes estilizados do Tailwind
- Casos de uso de livros de histórias complementares
Conselho prático: para rascunhos de projetos complexos, você pode usar primeiro odivisorRotule as diferentes áreas funcionais e use texto para explicar o fluxo de dados de cada módulo. As medições mostram que esse recurso pode comprimir o desenvolvimento tradicional de front-end de 3 a 5 dias de trabalho de implementação da interface do usuário para ser concluído em 2 horas.
Essa resposta foi extraída do artigoKiro: uma ferramenta de programação de IA que transforma rapidamente requisitos em códigoO
Não pode ser reproduzido sem permissão:Ferramentas de produtividade de IA " Como usar o recurso de entrada multimodal do Kiro para lidar com desenhos de design da interface do usuário para codificar?
