Tweets

5 mini resolutions

Molly Hellmuth suggests building small design habits in a new year that will make future you grateful — sticking to one naming format, avoiding groups, adding thumbnails to files, naming all your layers (good luck!), and unifying the name of your icon shapes.

Prototyping pro-tip

Ridd recommends including little nav menus in high-fidelity prototypes so that viewers can easily inspect the different states of a page. Great advice and something I’m going to introduce to my prototypes!

How to make a color wheel

Miggi celebrates his 3rd anniversary at Figma (congratulations!) by demonstrating how to make a color wheel. (A coincidence, but just earlier this week I was making the same color wheel with a very similar technique!)

Using the Noise & Texture plugin

A cool tutorial on creating an animated card background using Rogie​’s popular Noise & Texture plugin — fast-forward to the end to see the final result.

Midjourney 6

Fascinating side-by-side comparison of Midjourney 5.2 and the newly released version 6. The generative art from Midjourney has always felt more realistic and interesting compared to other services, and now the gap appears even larger.

Redesign of Porsche’s CarPlay Interface

John LePore is ​“designing the future” through his work on futuristic interfaces for films, video games, and the automotive industry, including the Hummer EV. He offers his own take on the recently announced Porsche’s bespoke interface for Apple CarPlay. Great presentation and deep thinking behind his choices.

Image fade effect

Fons Mans explains how to create an image fade effect in Figma.

Frozen screen in Figma

Double Glitch reproduced in Figma a cool (or should I say ​“frozen”? Sorry!) effect first created by Marcus Eckert for the Riveo app. This cursor-tracking prototyping technique is getting wild!

Juicy buttons and themability

How to preserve a button’s volume across multiple themes? Ridd suggests combining brand variables with a style wrapper for reusing gradients.

Four design system files

Molly Hellmuth recommends dividing design system assets into four files for increased flexibility and improved performance. These include Foundations, Icons, Components, and a separate design file with ​“local” assets.

Figma Creator Micro and ✨

I wonder what that button on Jordan’s micro keyboard does?

Soleio’s early investment into Figma

Soleio, an early designer at Facebook, is now one of the best-known designers turned investors. He shared a story on the Design MBA podcast about investing in Figma’s seed round in 2012, which became his highest-performing investment.

Dragging a field value

Never noticed that smart UI trick — excellent find from Anthony Hobday.

10 icons in 2 minutes challenge

Vijay challenged himself to create a small set of icons in 2 minutes — that’s just 12 seconds per icon! My takeaway is the importance of a good starting grid template (like this one from Font Awesome) that saves a ton of time and helps with consistency.

Interactive glowing card

Double Glitch is building on the powerful cursor-tracking technique I shared in the previous issue with a new tutorial for creating an interactive glowing card using a resource file he published in the community.

Using the new mind maps feature

Miggi, Mal, and Lauren’s first reactions to using the new mind maps feature in FigJam.

Mind Maps

As of last Thursday, mind maps are now live in FigJam!

Talking head

Vijay took his old experimental prototype (see issue #89) further by teaching a head to talk! Smart use of video as audio and variables.

Drawing file and doc icons

Huge Icons shows how to quickly create a few common icons using a standard grid.

Pentricles and hexricles

I didn’t know Cmd-clicking on the nodes of the shape releases the handles — a slick tip from Miggi!

Features

Topics

Design Tools

Figmalion

Issues:
197
Links:
3,603