Introdução

  • 5 minutos

Bem-vindo ao módulo Projetar um aplicativo de tela do Power Apps usando o Figma. Este ensino individualizado ajuda a aprender a tirar proveito das funcionalidades de design do Figma para conduzir a criação de aplicativos de tela no Microsoft Power Apps.

Visão Geral

O Figma é uma ferramenta de design poderosa e intuitiva que ajuda a criar interfaces do usuário excepcionais, colaborar com membros da equipe e criar um protótipo do aplicativo em um só lugar. Uma ferramenta de design com base em nuvem, o Figma fornece uma experiência consistente na qual você pode projetar espontaneamente ou colaborar com os membros da equipe em tempo real.

A interface amigável oferece aos iniciantes uma experiência de design de aplicativo quase sem esforço. A plataforma oferece uma ampla gama de recursos e funcionalidades para auxiliar a tornar sua visão uma realidade. Você pode criar e personalizar formas, ícones, botões e outros elementos da interface do usuário usando as robustas ferramentas de design do Figma. Além disso, o Figma fornece uma vasta biblioteca de componentes predefinidos e recursos de design, poupando tempo e esforço durante o processo de design.

Semelhante à colaboração com outras ferramentas da Microsoft, como o Microsoft 365, você pode usar o Figma para permitir que os membros de sua equipe colaborem em seus projetos e exibam e editem seus designs simultaneamente. Com o Figma, todos podem fornecer comentários, fazer alterações e iterar em projetos de maneira contínua. Além disso, o Figma oferece recursos, como comentários e histórico de versões, que garantem comunicação e rastreamento eficazes das iterações de design.

Captura de tela de um projeto de design de aplicativo do Figma.

Como usar o Figma

O Figma é excelente em seus recursos de integração, que você pode usar para se conectar com outras ferramentas em seu fluxo de trabalho de desenvolvimento de aplicativos. Esteja você usando ferramentas de gerenciamento de projetos, plataformas de entrega de desenvolvedores ou integrações de sistemas de design, o Figma fornece integrações perfeitas que simplificam os processos de design e desenvolvimento de aplicativos.

  1. Acesse o site do Figma.

  2. No menu superior direito, selecione Logon ou Comece gratuitamente se você ainda não tiver uma conta configurada no Figma.

    Captura de tela do menu de navegação superior do site do Figma. O foco está nas opções de logon e introdução gratuita.

  3. Quando você está conectado, pode navegar por vários modelos FigJam prontos para uso que podem ajudar a acelerar seus processos de design ou aprendizado.

    Captura de tela do estúdio do Figma. O foco está na seção de modelos FigJam.

  4. Você também pode iniciar um novo projeto selecionando um modelo na Comunidade do Figma. Para acessar esses modelos, selecione Explorar a Comunidade no painel de navegação esquerdo do estúdio do Figma.

    Captura de tela do painel esquerdo no estúdio do Figma. O foco está na opção Explorar a Comunidade.

    A Comunidade do Figma contém milhares de modelos gratuitos e pagos.

    Captura de tela da página da Comunidade do Figma.

  5. À medida que trabalha no design do aplicativo, você pode selecionar componentes de interface do usuário na seção Ativos do estúdio. O estúdio contém itens como formulários, botões e caixas de seleção que você pode usar.

    Captura de tela do painel esquerdo do estúdio do Figma. O foco está na seção Ativos.

  6. Para navegar pelas diferentes seções e páginas do design do aplicativo, vá para a seção Camadas do estúdio do Figma.

    Captura de tela do painel esquerdo do estúdio do Figma. O foco está na seção Camadas.

Neste ponto, você pode explorar as diferentes possibilidades e capacidades do Figma para projetar um aplicativo e colaborar com os membros da equipe para enriquecer ou aprovar esse design.

Próximas etapas

Agora que você aprendeu sobre os fundamentos do design do aplicativo Figma, pode aprender a usar o Figma UI Kit para criar um aplicativo de tela.