Figma for Edu workshop: Making vector icons in Figma
8K views · 2026-07-13
UI Design
Get the community file here: https://www.figma.com/community/file/1644787878862941625
Join us live for an upcoming Figma for Edu workshop: https://figma.zoom.us/webinar/register/WN_ISrNHpgfS82hJBbuEyVbzQ#/registration
In this workshop we will dig into Figma’s vector tools for creating scalable vector icons for interfaces. We will cover concepts like shapes, boolean operations, the pen tool, Figma Draw features, as well as best practices, shortcuts, and approaches.
00:00 Vector graphics intro
1:08 Icons intro
3:40 Pen tool
16:39 Vector networks
19:31 Icon demonstrations
26:07 Shapes and boolean operations
30:20 Eye icon step by step
34:58 Microphone icon breakdown
36:54 Outline mode and settings
37:57 Snap settings
39:05 Outlining strokes and flattening paths
40:42 Guides and grids
46:36 Figma Draw and effects
47:11 Components
50:52 Exporting
56:50 Q+A and closing
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/
Join us live for an upcoming Figma for Edu workshop: https://figma.zoom.us/webinar/register/WN_ISrNHpgfS82hJBbuEyVbzQ#/registration
In this workshop we will dig into Figma’s vector tools for creating scalable vector icons for interfaces. We will cover concepts like shapes, boolean operations, the pen tool, Figma Draw features, as well as best practices, shortcuts, and approaches.
00:00 Vector graphics intro
1:08 Icons intro
3:40 Pen tool
16:39 Vector networks
19:31 Icon demonstrations
26:07 Shapes and boolean operations
30:20 Eye icon step by step
34:58 Microphone icon breakdown
36:54 Outline mode and settings
37:57 Snap settings
39:05 Outlining strokes and flattening paths
40:42 Guides and grids
46:36 Figma Draw and effects
47:11 Components
50:52 Exporting
56:50 Q+A and closing
____________________________________________________
Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/