Tweets
How to make a “Question Mark” icon
In this follow-up to a previous question, Steve Schoger shows his process for building one of the icons in Heroicons set.
How to make a “Question Mark” icon in @figmadesign.
— Steve Schoger (@steveschoger) February 8, 2021
🧵 thread 👇 pic.twitter.com/TV642bjec5
How do you create just a dot?
Steve Schoger looks for the best way to create a dot that responds to the stroke width. There are some creative solutions in the replies, but making a rectangle with width and height set to 0.001 is the best one.
How do you create just a dot in @figmadesign?
— Steve Schoger (@steveschoger) February 6, 2021
Every time I try to create one by drawing a point with the pen tool it doesn't get recognized as a shape and disappears.
I managed to create one once but I forget how and I've just been copy/pasting the same one ever since 😅 pic.twitter.com/11LdpcCPG0
What is one thing you wish Figma did and didn’t do?
Replies to this tweet by Sho Kuwamoto, Figma’s Director of Product, provide an interesting peek into the current state of things and what their team might work on next.
Hello folks! Quick question about @figmadesign.
— Sho Kuwamoto (@skuwamoto) February 10, 2021
What is one thing you wish Figma did?
What is one thing you wish Figma didn't do?
Flat image → interactive layers
I shared some of Jordan’s experiments before, but this one is truly magical. Let’s hope it will become a real plugin one day!
Flat image → interactive layers ✨
— jordan singer (@jsngr) January 23, 2021
A Figma plugin to convert a flat image into text and shape layers on the canvas. pic.twitter.com/gQhpcu9UvD
Some of the coolest design systems made in Figma
Mirko Santangelo collected great resources from Uber, Microsoft, GitHub, Spotify, and more.
Here's a 🧵thread featuring some of the coolest design systems made in @figmadesign. All available for download on the Figma community. 👇
— Mirko Santangelo (@mirkosantangelo) January 25, 2021
1. Base Gallery by @DesigningUber https://t.co/uWdAGhvIEd pic.twitter.com/65VA6v12Qq
Doge to the moon!
If you’ve been following the GME/WSB story last week, don’t miss this joke.
Here’s a Doge illustration in @figmadesign! To the moon!https://t.co/7Xt35kix3b pic.twitter.com/3pcT84PJlS
— Joey 🙃 (@mrhammn) January 29, 2021
Figma logo animation
Noah Jacobus pushes Figma’s capabilities beyond normal product design and uses it to draw, style, and animate the logo.
It’s no secret that I like @figmadesign a lot—it’s basically replaced my entire illustration & iconography pipeline. Even D&D maps! But I also try to push its capabilities beyond normal product design stuff and my own comfort zone.
— Noah Jacobus (@Jabronus) January 28, 2021
Drawn, styled, and animated in the Big Fig™ pic.twitter.com/2uFgiiB47T
Designing stained glass art
What an unusual use case for Figma, but the end result looks great!
One of the challenges in designing stained glass art is coming up with harmonious colour palettes and textures. Glass is expensive material. So - today I made a digital glass colouring book for our pieces (in @figmadesign), so we can collab on materials before we start building. pic.twitter.com/K03We2lfzz
— Nat Cooper (@natacoops) January 30, 2021
Embed Figma files inside your PM tools
A nice way to share the always up-to-date versions of your designs.
Did you know that you can embed @figmadesign files inside your favourite project management tools?
— luis. (@disco_lu) January 29, 2021
Here's a little #FigmaTip to show you how it works in:
– Jira
– Asana
– Notion
– Dropbox Paper
📝https://t.co/XzxKL6iBm7 pic.twitter.com/wmiuA9i80A
How to make dotted lines for illustrations
Come for the tip, stay for a beautiful demo.
Here is a #FigmaTip showing you how to make dotted lines for your @figmadesign illustrations. ✏️
— Mirko Santangelo (@mirkosantangelo) January 29, 2021
Open the Advanced Stroke panel, set the Cap to Round, then add a 0.1 Dash and tweak the dots spacing using Gap.
Happy Friday! ☺️ pic.twitter.com/M5NomG6VLU
More control over your Bezier handles
And another short video from Miguel, this time about Bezier curves.
Here is a #FigmaTip to give you more control over your bezier handles when creating vector illustrations in @figmadesign. 🖋
— miggi from figgi (@miggi) January 19, 2021
Use command + option when clicking anchor points to change the behavior of bezier handles and control them independently.https://t.co/rSbcUA1bTA pic.twitter.com/Lz5ozxN5pH
Short keys to help master placing images in your designs
⌘+⇧+K to place an image, ⌘+⇧+C/V to copy/paste it from/to an object.
Happy Friday! Here is a #FigmaTip showcasing some short keys to help master placing images in your @figmadesign designs.
— miggi from figgi (@miggi) January 22, 2021
⌘ + ⇧ + K to load and place images
⌘ + ⌥ + C to copy an img style from an object
⌘ + ⌥ + V to paste an img style to an objecthttps://t.co/VN7ZPDibzX pic.twitter.com/KrPEtlL7qc
Stylistic alternatives for glyphs
Miguel Cardona on using OpenType features.
I don't know who needs to hear this, but some fonts come with stylistic alternatives for glyphs, and its super easy to swap them out in @figmadesign. Especially if a client has strong opinions on that letter "a" (true story).
— miggi from figgi (@miggi) January 8, 2021
This is Basic Sans, btw. pic.twitter.com/dT51BuKAN5
Use variants and icon instances with preserved colors
Great trick on using Union to preserve the color of icons.
Hottest #FigmaTip since sliced bread coming your way.
— luis. (@disco_lu) January 15, 2021
Here's a way to use variants AND icon instances with preserved colours 🤯 pic.twitter.com/iTNV664rQU
Use CSS color names in Figma
A quick tip from Figma Designer Advocate Anthony DiSpezio. (While on topic, read the story behind color named “rebeccapurple”.)
Quick @figmadesign tip for some www nostalgia - you can use CSS color names as hex values in Figma #FigmaTiphttps://t.co/DqCiMhbUtr
— Anthony DiSpezio (@adispezio) January 14, 2021
My favorite is "burlywood," what's yours?! pic.twitter.com/Iz9Ta5zNwW
Demo of Variable-Width Stroke plugin
Figma55 recorded a short demo of the recently released plugin by Figma cofounder Evan Wallace.
🎉🎉 Figma55 is one year old! 🎉🎉
— Figma:55 (@figma55) January 16, 2021
To bring in the new year, here's a video covering an often missed Adobe Illustrator feature that you can now do in Figma, thanks to @evanwallace's Variable Width Stroke plugin pic.twitter.com/vdNmwQ3gIi
The Mandalorian
An artwork by Robbie Smith.
Welp, took a lot longer than planned, but I bring you the @themandalorian , via @figmadesign ...#figma #illustration pic.twitter.com/t7Xm0erH1A
— Robbie Smith (@robrebooted) December 20, 2020
Faux latte render
Another beautiful illustration by Bonnie Kate Wolf.
I hope y'all aren't tired of my Figma faux renders. This one is for @mmhmmapp <3
— Bonnie Kate Wolf (@bonniekatewolf) December 18, 2020
I love you a latte @figmadesign pic.twitter.com/Kjw4ZaAqFg
Taylor Swift
By Bonnie Kate Wolf. Don’t miss the textures she used, as shared in the replies.
The absolute masterpiece that is evermore by @taylorswift13 pushed me to my limits to explore what I can really do with @figmadesign pic.twitter.com/WE5qZkSVIm
— Bonnie Kate Wolf (@bonniekatewolf) December 14, 2020
Geometric patterns made by a robot
Pablo Stanley explains how he used AI to create unique patterns for Blush.
When playing with geometric patterns and creating a Blush system, I realized that maybe a robot could recreate this. So I trained a model that generated really cool organic shapes 🤖
— Pablo Stanley (@pablostanley) December 30, 2020
Used @sketch, @Adobe illustrator, photoshop, @figmadesign, @runwayml, and @blushdesignapp pic.twitter.com/jnavSL1GlH