#Made in Figma
Avatar Illustration System
By swapping components around, you can build your own avatar.
SpaceX Crew Dragon Flight Control UI
Beautiful recreation by Rahul Chakraborty. Also on this topic, see the article ”How I recreated the SpaceX dashboard UI” by Ulises Siriczman.
@Gavmn: Getting started on my Big Sur dock
Beautiful adaptations of popular apps icons for Big Sur.
Getting started on my Big Sur dock pic.twitter.com/DJ3aZMJ73h
— Gavin Nelson (@Gavmn) June 24, 2020
@rogie: Contacts icon and Find My icon
In case you missed some textures lately.
Had about 20 mins today to throw down on designing the new iOS Big Sur contacts icon in @figmadesign. It ain't perfect, but it was sure fun! https://t.co/usKzXiFlgZ pic.twitter.com/gjllCNw1W1
— ˗ˏˋrogieˎˊ (@rogie) June 24, 2020
@skirano: Recreated the new FaceTime icon
See also his Figma file.
I recreated the new FaceTime icon in @figmadesign. Original to the left, recreation to the right. The trick when creating these type of icons is an efficient use of your linear gradient, that's it :) #apple #BigSur pic.twitter.com/xfBFFhgBfi
— Pietro Schirano (@skirano) June 23, 2020
@mds: Creating the Siri Icon in Figma
See also his Figma file.
@flyosity: Can Big Sur icons be designed without Photoshop?
Mike Rundle brought a good point, but I liked the most how soon it became a friendly challenge, and lots of talented designers proved that it’s possible. See some examples of recreations below.
Sketch and Figma rode the flat design wave to industry dominance with a narrower feature surface area compared to Photoshop because most folks just needed roundrects and sharp text.
— Mike Rundle (@flyosity) June 23, 2020
But with Big Sur, I’m not confident icons like these could be designed **without** Photoshop. pic.twitter.com/9yuHwEf2Hr
Onboarding Screen Pattern
A beautiful pattern, inspired by African Art.
How to design an illustration system
I wrote about the illustration library and plugin Blush in the last issue. Now, Elsma Ramirez shares how she created The Munchies collection for it using a component-based approach.
Blush
The biggest new release: “Create and customize illustrations in your designs with Blush. Just choose a collection, pick a composition, and place it on the canvas. You can keep playing with the variations in the illustration to create something unique that fits your brand.”
Black Illustrations
Dozens of illustrations of black people, free for use in personal and commercial projects.
Ex-Out Illustrations & Graphics
Free illustrations of topics of art, technology, people, objects, and education made by students at the RIT College of Art and Design.
Rogie King: Illustrating and Designing in Figma
Twitch broadcast of illustrating and animating a cute computer.
illlustrations by realvjy
A large set of cute free and open-source illustrations.
Houses by Paolo Ertreo
Paolo Ertreo draws beautiful illustrations of houses and shows them at his community profile.
Paper Dolls
Bonnie Kate Wolf shares an illustration from her workshop, where you can create different scenes by swapping components.
Easometric
Easily create isometric layers and groups using the popular SSR30⁰ method.