Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Formas no Figma: Criando e Personalizando Elementos de Design | Criando e Organizando Objetos no Figma
Design de UI/UX com Figma

bookFormas 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.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. 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

bookFormas 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.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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