Planning templates. Making fonts. Figma on Chromebooks.
Sponsor
No more hide-and-seek with components
When you add reusable components into your design, your developers could miss them. In Zeplin, developers can instantly highlight all the components in a design, so they know exactly what to build.
What’s New
Figma and Chromebook: Empowering the next generation of designers
Figma launched a partnership with Google for Education to bring Figma and FigJam directly to Chromebooks, the most popular personal computing device for students. This is a huge opportunity for students to learn the same app used by professional designers. (That said, I still warmly remember days of using keygens with Photoshop 4.)
Using Figma
Make your own font in Figma
Rasmus Andersson shows how to make a simple font in Figma.
Adjust all paddings in Auto Layout
Neat shortcut: ⌘-click on the Auto Layout padding field to adjust all paddings.
Create Figma Plugin v2
Yuan Qing Lim announced a new version of his boilerplate for creating Figma plugins with support for dark mode, with all components using Figma‘s official color tokens.
Web / Desktop App UI Design in Figma – Full Course
A high-quality free tutorial from Design+Code: “Design a Web app design inspired by Discord and Slack in the Figma design tool.”
How to create Design Tokens in Figma with Figma Tokens
Learn how to create a token-based Design System in Figma with Jan Six, creator of the Figma Tokens Plugin.
Using FigJam
Quarterly Planning Template Set
Great set of FigJam templates that the Figma team uses for roadmap reviews, brainstorms, team retrospectives, and product roadmap timelines.
3 wicked FigJam widgets
Cool widget recommendations by Zander Whitehurst: Voice Memo, Storymapper, and FigJenda.
How we Jam: Team rituals for better design jams
Join to hear from the team at Coda and learn about their regular “design jams.” In this talk, Helena, Alicia, and Steve will share stories of using jams for everything from team building, to brainstorming without restraints, and even gathering input from the full company.