Vector Tips

Vector Tips

Vectors are an important part of any UI or prototyping design application, and Figma has its own powerful and unique set of vector tools.

Here are some quick tips and tricks to help you use them more efficiently.

Watch tutorials on You Tube

TIP 01.

Use Vector Networks for Complex Shapes

Figma has some outstanding unique vector features, not least of which being its “vector networks”.

TIP 02.

Paste SVG
Code Directly

This feature is really helpful. Figma will allow you to copy SVG code from an external source, then paste it into Figma–it will create a vector layer for you containing the SVG.

TIP 03.

Copy Vectors
as SVG Code

Choose any vector in your design, then right-click it to bring up a contextual menu. Go to Copy as > Copy as SVG and you’ll then have the SVG code on your clipboard, ready to paste into whatever web project you’re working on.