Visão geral da criação de aplicativos direto do Figma
[Este artigo faz parte da documentação de pré-lançamento e está sujeito a alterações.]
A capacidade de criar aplicativos com base em arquivos de design do Figma ajuda diretamente a preencher a lacuna entre design e desenvolvimento, acelerando o processo de desenvolvimento da interface de usuário do aplicativo. Isso permite que desenvolvedores e designers colaborem de forma eficaz e eficiente para oferecer ótimas experiências ao usuário final com baixo custo e esforço.
Os designers podem criar designs no Figma usando o Kit de interface do usuário para criar aplicativos com base no Figma, que fornece componentes compatíveis para o Power Apps e inclui instruções detalhadas sobre como usá-lo. Depois que os designs forem criados, bastará fornecer o link para o arquivo de design do Figma e o Power Apps gerará um novo aplicativo de tela com base nesses designs. Os quadros de design são convertidos automaticamente em telas no Power Apps. Quando a interface de usuário do aplicativo estiver pronta, você poderá estender esse aplicativo conectando-se a dados, adicionando lógica de aplicativo, adicionando mais telas e controles.
Etapa 1 - antes de começar a projetar, leia as instruções do Kit de interface do usuário para criar aplicativos com base no Figma sobre o que tem suporte e o que não tem.
Etapa 2 - no Figma, você criará seu aplicativo nesta página, que contém instruções e orientações sobre como trabalhar com componentes com suporte.
Etapa 3 - No Power Apps, você converterá o aplicativo. Você fará isso fornecendo um link e um token do Figma.
Etapa 4 - Após a conversão, você seguirá mais algumas etapas que tornarão seu aplicativo ainda mais interativo e útil.
Projetar seu aplicativo no Figma
Projetar seu aplicativo no Figma usando o Kit de interface do usuário para criar aplicativos com base no Figma. Use os componentes do Power Apps com suporte no kit ao criar seu aplicativo.
Criar um aplicativo com base no seu design
Depois de finalizar o design do aplicativo, siga as etapas rápidas e fáceis para criar um aplicativo de tela com base no design do Figma.
Continuar criando seu aplicativo
Continue criando seu aplicativo no Power Apps Studio adicionando mais telas e controles. Você também pode estender seu aplicativo conectando-o a dados, ou personalizá-lo ainda mais adicionando lógica de aplicativo.