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

Suggested prompts:

Can you explain more about the design panel and its features?

How do I use the presentation mode for different devices?

What are the different sharing options and permissions in Figma?

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