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

bookConfiguração de Projeto no Figma

Renomeando projetos

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

Principais componentes da interface

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

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

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

Menu suspenso

Acessível por meio de um ícone de seta, este menu inclui:

  • Nova janela: abre uma janela separada do Figma;
  • Nova guia: semelhante ao botão "Criar novo";
  • Abrir no navegador: visualiza o projeto em um navegador;
  • Abrir arquivo da área de transferência: cola e abre arquivos diretamente;
  • Fechar/reabrir abas: gerencia abas e janelas do Figma;
  • Plugins e escala da interface: ajusta a escala (ex.: 110%) ou gerencia plugins;
  • Preferências: acessa configurações, guias de ajuda, atualizações e "Sobre o Figma".

Ícone Minimizar UI

Alterna a visibilidade dos painéis esquerdo e direito.

Ícone de busca

Localiza rapidamente ativos ou componentes dentro de um projeto.

Modo de apresentação

  • Utilize o ícone Apresentar para exibir quadros em mockups de dispositivos (ex.: iPhone, MacBook);
  • Altere o dispositivo ou ative/desative o quadro do mockup;
  • Entre no modo tela cheia por meio de um botão no canto superior direito.

Opções de compartilhamento

  • Utilize o botão Compartilhar para compartilhar arquivos por 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 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 para desktop do Figma oferece em comparação à versão para navegador?

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.78

bookConfiguração de Projeto no Figma

Deslize para mostrar o menu

Renomeando projetos

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

Principais componentes da interface

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

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

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

Menu suspenso

Acessível por meio de um ícone de seta, este menu inclui:

  • Nova janela: abre uma janela separada do Figma;
  • Nova guia: semelhante ao botão "Criar novo";
  • Abrir no navegador: visualiza o projeto em um navegador;
  • Abrir arquivo da área de transferência: cola e abre arquivos diretamente;
  • Fechar/reabrir abas: gerencia abas e janelas do Figma;
  • Plugins e escala da interface: ajusta a escala (ex.: 110%) ou gerencia plugins;
  • Preferências: acessa configurações, guias de ajuda, atualizações e "Sobre o Figma".

Ícone Minimizar UI

Alterna a visibilidade dos painéis esquerdo e direito.

Ícone de busca

Localiza rapidamente ativos ou componentes dentro de um projeto.

Modo de apresentação

  • Utilize o ícone Apresentar para exibir quadros em mockups de dispositivos (ex.: iPhone, MacBook);
  • Altere o dispositivo ou ative/desative o quadro do mockup;
  • Entre no modo tela cheia por meio de um botão no canto superior direito.

Opções de compartilhamento

  • Utilize o botão Compartilhar para compartilhar arquivos por 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 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 para desktop do Figma oferece em comparação à versão para navegador?

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 3
some-alt