Formas no Figma: Criando e Personalizando Elementos de Design
Desenho de formas
Aprenda a criar formas utilizando ferramentas como retângulo, elipse, polígono, linha ou estrela. Clique e arraste para desenhar uma forma livremente, mantendo Shift pressionado para restringir as proporções (por exemplo, um quadrado ou círculo perfeito) ou Alt/Option para expandir a forma a partir do centro.
Ajuste de dimensões e proporções
- Utilize o ícone de corrente no painel de Layout para restringir ou desvincular proporções ao redimensionar formas;
- Ajuste a opacidade para alterar a transparência da forma;
- Modifique o raio dos cantos para bordas arredondadas, com a possibilidade de definir valores separados para cantos individuais, se necessário.
Adição de preenchimentos e contornos
As formas podem ser personalizadas com:
- Preenchimentos: aplique cores sólidas, gradientes ou ajuste a opacidade do preenchimento;
- Contornos (bordas): personalize a posição (interna, central, externa), espessura (peso) e estilo (sólido, tracejado, pontilhado). Também é possível ajustar as configurações de traço e espaço para padrões personalizados;
- Linhas: incluem opções adicionais como pontos inicial e final (por exemplo, setas, círculos).
Efeitos e aprimoramentos
Adicione efeitos às formas para melhorar o visual:
- Sombras projetadas e sombras internas para profundidade;
- Desfoque e desfoque de fundo para um acabamento sofisticado.
Edição de formas vetoriais
Para editar uma forma vetorial:
- Dê um duplo clique na forma ou clique no ícone Editar Objeto no painel de design para entrar no modo de isolamento;
- Utilize a ferramenta de curvatura para criar curvas e ajustar pontos vetoriais conforme necessário;
- Saia do modo de edição clicando em um espaço vazio ou no botão X.
Seguindo essas técnicas, é possível criar e personalizar formas com precisão e criatividade.
Se desejar saber mais sobre gráficos vetoriais e imagens rasterizadas, recomendo consultar o capítulo Raster vs. Vector no curso Fundamentos do Adobe Illustrator.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.78
Formas no Figma: Criando e Personalizando Elementos de Design
Deslize para mostrar o menu
Desenho de formas
Aprenda a criar formas utilizando ferramentas como retângulo, elipse, polígono, linha ou estrela. Clique e arraste para desenhar uma forma livremente, mantendo Shift pressionado para restringir as proporções (por exemplo, um quadrado ou círculo perfeito) ou Alt/Option para expandir a forma a partir do centro.
Ajuste de dimensões e proporções
- Utilize o ícone de corrente no painel de Layout para restringir ou desvincular proporções ao redimensionar formas;
- Ajuste a opacidade para alterar a transparência da forma;
- Modifique o raio dos cantos para bordas arredondadas, com a possibilidade de definir valores separados para cantos individuais, se necessário.
Adição de preenchimentos e contornos
As formas podem ser personalizadas com:
- Preenchimentos: aplique cores sólidas, gradientes ou ajuste a opacidade do preenchimento;
- Contornos (bordas): personalize a posição (interna, central, externa), espessura (peso) e estilo (sólido, tracejado, pontilhado). Também é possível ajustar as configurações de traço e espaço para padrões personalizados;
- Linhas: incluem opções adicionais como pontos inicial e final (por exemplo, setas, círculos).
Efeitos e aprimoramentos
Adicione efeitos às formas para melhorar o visual:
- Sombras projetadas e sombras internas para profundidade;
- Desfoque e desfoque de fundo para um acabamento sofisticado.
Edição de formas vetoriais
Para editar uma forma vetorial:
- Dê um duplo clique na forma ou clique no ícone Editar Objeto no painel de design para entrar no modo de isolamento;
- Utilize a ferramenta de curvatura para criar curvas e ajustar pontos vetoriais conforme necessário;
- Saia do modo de edição clicando em um espaço vazio ou no botão X.
Seguindo essas técnicas, é possível criar e personalizar formas com precisão e criatividade.
Se desejar saber mais sobre gráficos vetoriais e imagens rasterizadas, recomendo consultar o capítulo Raster vs. Vector no curso Fundamentos do Adobe Illustrator.
Obrigado pelo seu feedback!