Criar seu aplicativo usando o kit de interface do usuário
[Este artigo faz parte da documentação de pré-lançamento e está sujeito a alterações.]
Para criar um aplicativo usando um design do Figma, você deve começar com o Kit de interface do usuário para criar aplicativos com base no Figma. O kit de interface do usuário consiste em componentes, aplicativos de amostra e vários recursos adicionais, como:
- Informações sobre o que é compatível e o que não é.
- Instruções passo a passo sobre como projetar seu aplicativo no Figma para que ele possa ser convertido no Power Apps.
- Uma lista de componentes suportados— de telas de nível básico a componentes individuais, como botões, menus suspensos e entradas de texto.
- Orientações importantes sobre como usar os componentes.
Obtenha o kit de interface do usuário
- Vá até a página Kit de Interface do Usuário para Criar Aplicativos com Base no Figma.
- Se necessário, entre com suas credenciais do Figma.
- Selecione Duplicar e escolha a equipe do Figma da qual você é membro. Para obter mais informações sobre a duplicação de projetos no Figma, consulte Figma: arquivos ou projetos duplicados.
- Se necessário, selecione a seta para baixo ao lado do nome do arquivo e mova o arquivo para fora dos rascunhos.
Leia as instruções
Leia as instruções das páginas Leia estas informações primeiro e Etapa 1: Introdução dentro do kit de interface do usuário. As instruções nestas páginas ajudam você a entender as diretrizes gerais sobre como usar este kit. Você também aprenderá mais sobre os recursos usados pelo kit, como estilos de fonte, diretrizes de componentes, componentes suportados e muito mais.
Criar seu aplicativo
Siga as instruções da Etapa 2: projetar seu aplicativo do kit de interface do usuário para começar a usar o kit para criar seu próprio design de aplicativo.
O que fazer e o que não fazer ao projetar
O kit contém orientações detalhadas sobre como usar os componentes. No entanto, aqui estão algumas das principais coisas que você deve e não deve ter em mente ao projetar o aplicativo:
- Leia cada página cuidadosamente para que o processo de design e o processo de conversão ocorram sem problemas.
- Faça o projeto usando apenas os componentes suportados deste kit.
- Use apenas as fontes suportadas listadas no kit.
- Não altere os nomes do componente.
- Não altere as camadas do componente.
Mais informações
O kit também fornece páginas adicionais para mais informações, conforme resumido abaixo:
- Etapa 3: converter em um aplicativo - uma representação visual da conversão do design do aplicativo em um aplicativo. Para seguir as instruções passo a passo, consulte Criar um aplicativo de tela com base no Figma.
- Etapa 4: próximas etapas - explica as próximas etapas possíveis que você pode seguir para preparar ainda mais seu aplicativo para seu cenário de negócios. Essas etapas incluem conectando-se aos dados, adicionando lógica do aplicativo, adicionando mais telas e controles.
- Componentes compatíveis - lista informações sobre componentes suportados. Para mais informações, consulte Componentes compatíveis com o kit de interface do usuário.