Figma for Edu workshop: Making vector icons in Figma

Figma for Edu workshop: Making vector icons in Figma

7963 次观看 · 2026-07-13 UI 设计
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/