Figma's education team ran a full workshop on building scalable vector icons from scratch inside Figma, covering the pen tool, vector networks, boolean operations, stroke outlining, path flattening, and the newer Figma Draw features, all in under 57 minutes.
The session is structured as a practical walkthrough, not a lecture. Viewers get step-by-step icon construction starting at 30:20 with an eye icon, followed by a microphone breakdown at 34:58, then a deep dive into snap settings, guides, grids, and export workflows. The community Figma file is public and linked, so you can follow along node by node.
What makes this worth watching in full is the vector networks section at 19:31. Most designers treat Figma like Illustrator and miss how vector networks break the single-path constraint entirely. The Q+A at 56:50 also surfaces edge cases around components and exporting that the structured portion glosses over.
[WATCH ON YOUTUBE →]