Conteúdo do Curso
UI/UX com Figma
UI/UX com Figma
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"?
Obrigado pelo seu feedback!