Tweets
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
Selecting objects with a transparent background
Smart workaround for selecting objects with a transparent background. I also like a follow-up from Gleb Sabirzyanov in the replies on ensuring that developers won’t implement this hack.
You may know this already, but this is a little trick I use for making selecting and swapping instances easier in @figmadesign. If your component has a transparent background give it a fill of 0.001. Now you can select it while holding down Cmd/Ctrl. pic.twitter.com/ZUb09AquAP
— Gavin McFarland (@gavinmcfarland) December 17, 2020
Horizontal and vertical scrolling presentation slides
Cool demo by Figma Designer Advocate Luis.
How about some horizontal *and* vertical scrolling presentation slides within @figmadesign?
— luis. (@disco_lu) December 14, 2020
With the scrollTo release last week, we can make some slick multi-axis transitions.
Here's my community file:https://t.co/c0P5xy12HE pic.twitter.com/KhXnN7Sexl
Love Triangle
Great skit by Pablo Stanley that made rounds in the community. Love how both Figma and Sketch played along and changed their names on Twitter for a while!
Love Triangle 💗 pic.twitter.com/fTRyC7Hk0U
— Pablo Stanley (@pablostanley) December 15, 2020
Virtual Office
A few of us made little virtual desks for @figmadesign's biannual maker week. Since we can no longer express ourselves in an office, we figured this could be a fun alternative to get to know each other.
— Noah Levin (@nlevin) December 7, 2020
Want to try with your team? Here's a template:https://t.co/xjjUjXba4o pic.twitter.com/hLjHHv6D0f
Gameboy emulator
Sawyer Hood made a plugin that runs a Gameboy emulator inside of Figma and renders the output as vectors to the canvas. Not available in the community yet, but the source is already on GitHub.
For maker week at @figmadesign I really wanted to do something wild, so I made a plugin that runs a gameboy emulator inside of Figma and renders the output as vectors to the canvas. pic.twitter.com/M7up2Gb2a8
— Sawyer Hood (@sawyerhood) December 7, 2020
Variants Pal plugin concept
It's Maker Week at @figmadesign, so I made a Variants Pal plugin concept! 👀
— Alex Einarsson (@alexeinars) December 4, 2020
Generate missing variants and add labels automatically. ✨ pic.twitter.com/EpztwnDIDy
Making a house mascot
Today's Maker Week challenge @figmadesign was to work in teams to make a mascot out of found objects. (One hour time limit)
— Dylan Field (@zoink) December 3, 2020
We need to pick a winner — hoping the Figma community can help us decide! (RT's appreciated 🙃)
"Art" thread ⬇️