#Community
Coffee with Charli: Managing a multi-brand design system
Figma and Charli Marie, Creative Director at ConvertKit, introduce the new video series “Coffee with Charli”, where she’ll interview design systems leaders. First up, Charli chats with Chris Pearson of Conde Nast about design systems for multiple brands.
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
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
20 Speed tips
Noah Levin, Design Director at Figma, collected 20 of his favorite tips and tricks for whipping up something quickly.
Presentation Template
Presentation template featuring ‘Stuck at Home’ illustrations by Blush.
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
Learning How to Love Work Again, with Figma
Figma profile by Index Ventures, with insights from Sho Kuwamoto and Dylan Field.
Variable-Width Stroke
The plugin adds support for variable-width strokes. Made by Evan Wallace, a co-founder of Figma. (Hopefully, this is just a sign that native support is coming to the app soon!)
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
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
Soul
Beautiful illustration by Vijay Verma. (If you didn’t watch the movie yet, you’re in for a treat!)
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
Figma Snacks
Playlist of 15 short 20-second videos about Figma by Pablo Stanley.
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