O que é o Figma Draw?
Junto a outras novidades da Config de 2025, o Figma trouxe uma solução que chamou bastante atenção do publico, chamada de Figma Draw, que oferece aos designers a capacidade de criar ilustrações vetoriais à mão livre, expandido os horizontes da empresa além de design de produto digitais.
Algumas funcionalidades que vale mencionar:
Caneta, Lápis e Pincel
A base da criação no Figma Draw apoia-se em três ferramentas base, onde cada um foi projetada para atender a necessidades especificas, sendo elas:
- Ferramenta Caneta (Pen): Representa o ápice do controle e da precisão técnica, baseada no traçado de curvas de bézier, ela permite a manipulação exata de nós (pontos de ancoragem) e alças de direção, geralmente usado em iconografia rigorosa, tipografia customizada, logotipos e formas geométricas complexas, em que simetria e contornos matematicamente perfeitos são inegociáveis.
- Ferramenta Lápis (Pencil): Projetada para um desenho mais livre, a ferramenta converte os movimentos manuais do usuário em caminhos vetoriais de forma instantânea e fluida, acompanhando o traço orgânico, recomendado para criação de rascunhos (wireframes manuais), anotações visuais, assinaturas ou ilustrações de estilo doodle, em que a intenção é manter um aspecto solto e espontâneo sem perder a escalabilidade infinita do vetor.
- Ferramenta Pincel (Brush): Por último, diferente das linhas uniformes das ferramentas anteriores, o pincel responde à velocidade, direção e (quando aplicável via hardware) à sensibilidade de pressão, gerando traços com variações orgânicas de espessura e opacidade, usado para trabalhos de ilustração digital, lettering expressivo e sombreamento, conferindo um acabamento natural e semelhante às mídias físicas tradicionais.
3. Criação de Pincéis Personalizados (Custom Brushes)
Continuando sobre a ferramenta de pincel. Para atender às rigorosas demandas de estilos artísticos únicos e à identidade visual de diferentes marcas, a ferramenta também oferece um motor avançado para a criação de pincéis personalizados, onde os designer podem ter a liberdade de desenhar suas próprias formas de base (brush tips) e definir parâmetros intrincados, tais como dispersão (scattering), opacidade, ângulo, espaçamento e dinâmica de tamanho.
4. Texto sobre um Caminho (Text on a path)
Além disso, também temos a ferramenta de criacão de texto sobre um caminho, onde qualquer linha, curva livre ou forma geométrica atue como a linha de base para elementos textuais.
Em outras palavras, designer ao vincular o texto a um caminho vetorizado, as letras adaptam-se dinamicamente à curvatura do traço desenhado. Essa mecânica elimina a necessidade de distorcer fontes manualmente, preservando a legibilidade e a editabilidade do texto a todo momento.
4. Repetição (Repetition)
Por último, a criação de padrões no Figma Draw transcende a simples duplicação de objetos (copy and paste). A ferramenta permite a gravação e replicação de transformações espaciais de diferentes arranjos estruturais, adequando-se a variadas necessidades do projeto, sendo elas:
- Repetição Linear e em Grade (Grid): Ao configurar transformações baseadas puramente em deslocamento vertical e horizontal, o usuário pode construir grades complexas e padronagens contínuas (seamless patterns). Ideal para o desenvolvimento de papéis de parede digitais, texturas de fundo para interfaces de usuário (UI), estamparia e padronagens de marca.
- Repetição Radial (Circular): Ao combinar duplicação com um grau específico de rotação em torno de um eixo central, a ferramenta cria simetrias perfeitas. Usado na ilustração de mandalas, engrenagens, mostradores de relógio, logotipos em formato de brasão e elementos florais.
