Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Configuração do Projeto | Ferramentas Básicas do Figma
UI/UX com Figma
course content

Conteúdo do Curso

UI/UX com Figma

UI/UX com Figma

1. Ferramentas Básicas do Figma
2. Criando e Organizando Objetos
3. Criando Visuais
4. Prototipagem
5. Submetendo Trabalho

book
Configuração do Projeto

Renomeando projetos

Clique duas vezes no nome do projeto na parte superior para renomeá-lo. Pressione Enter/Return para salvar as alterações.

Componentes principais da interface

  • Páginas e camadas (Pages and layers): localizadas à esquerda, são usadas para organizar o conteúdo;

  • Painel de design (Design panel): encontrado à direita, este painel contém configurações para fluxos de trabalho de design, prototipagem e animação;

  • Barra de ferramentas (Toolbar): Posicionada abaixo da tela, esta seção inclui ferramentas que serão discutidas no próximo capítulo.

Menu suspenso

Acessível através de um ícone de seta, este menu inclui:

  • Nova janela (New window): abre uma janela separada do Figma;
  • Nova aba (New tab): semelhante ao botão "Criar Novo";
  • Abrir no navegador (Open in browser): visualize o projeto em um navegador;
  • Abrir arquivo da área de transferência (Open file from clipboard): cole e abra arquivos diretamente;
  • Fechar/reabrir abas (Close/reopen tabs): gerencie abas e janelas do Figma;
  • Plugins e escala da interface (Plugins and interface scale): ajuste a escala (por exemplo, 110%) ou gerencie plugins;
  • Preferências (Preferences): acesse configurações, guias de ajuda, atualizações e "Sobre o Figma".

Ícone de Minimizar UI

Alterna a visibilidade dos painéis esquerdo e direito.

Ícone de Pesquisa

Encontre rapidamente ativos ou componentes dentro de um projeto.

Modo de Apresentação

  • Use o ícone de Apresentação para exibir quadros em maquetes de dispositivos (por exemplo, iPhone, MacBook);
  • Altere o dispositivo ou alterne o quadro da maquete ligado/desligado;
  • Entre no modo de tela cheia através de um botão no canto superior direito.

Opções de Compartilhamento

  • Use o botão Compartilhar para compartilhar arquivos via links, convites por e-mail ou copiando links de desenvolvedor/protótipo;
  • Defina permissões (visualizar/editar) e opções de acesso para publicar na comunidade ou obter código de incorporação.

Gerenciamento de Arquivos

Pesquise e filtre projetos por:

  • Tipo de Arquivo: arquivos de design, quadros do FigJam, slides;
  • Criador, organização ou pasta.

Opções de Exibição

  • Escolha entre visualização em grade/miniatura ou visualização em lista;
  • Ordenação por nome, data de criação (mais antigo/mais recente).

1. Qual recurso adicional a versão desktop do Figma oferece em comparação com a versão do navegador?

2. No Modo de Apresentação, o que faz a opção "Mostrar Quadro do Dispositivo"?

Qual recurso adicional a versão desktop do Figma oferece em comparação com a versão do navegador?

Qual recurso adicional a versão desktop do Figma oferece em comparação com a versão do navegador?

Selecione a resposta correta

No Modo de Apresentação, o que faz a opção "Mostrar Quadro do Dispositivo"?

No Modo de Apresentação, o que faz a opção "Mostrar Quadro do Dispositivo"?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 3
We're sorry to hear that something went wrong. What happened?
some-alt