So you want to Figma?

[professorfigma]

Config, a Figma conference is happening this year both in person and virtual. Get more details at https://config.figma.com! All speakers have been announced! Hope to see you there!

[professorfigma]

Making a map location icon in Figma! In this quick demo we make a map location icon using a circle and we cover some vector short cut keys that give you control over bezier handles.

[sketchbooked]

Making link icons in Figma! Lets go. In this quick tutorial we cover

- Quick actions menu. Command P / Ctrl P - Selecting vector segments - Vertical flip. Shift + V - Boolean operations union and subtract

[professorfigma]

Have you ever lost sight of your frames in #figma against the canvas when they have no background color? Use the quick actions menu (Cmd or Ctrl + P) and type in 'show frame outlines.' And you will see the bounds of your frames on the canvas. #figmatip

[professorfigma]

Here is a video on prototyping overlay transitions with thumbnails. Recently, I was working with a colleague and we were troubleshooting ways we can have thumbnails assembled into an auto layout frame, but also have hover previews that broke out of those frames with a higher zindex. This is what we came up with. Here is a link to the community file: https://www.figma.com/community/file/1185614750827595773

[sketchbooked]

Some tips on how I make heart icons in Figma. In this vid I cover basic grids, boolean operations, swapping fill and stroke shortcuts,and vector path cleanup.

[professorfigma]

Here are two quick tips to get the most out of spell check in Figma and FigJam! 👉 Enable or disable spell check with Command (Ctrl) + P and type 'Check spelling' 👉 Choose a language by right-clicking on a misspelled word! (It will auto-detect by default)

[professorfigma]

Quickly making a cactus icon in Figma.

[professorfigma]

Happy Monday! Have you ever just needed to get the original image out of a design Figma?! Get the original image by selecting it, going to the inspect panel and scrolling down to the fill area. You can pluck the originial, as-placed, unaltered image out of Figma.

[professorfigma]

Figma's new scale ui is pretty great. - Select an object you want to scale - Press the "K" key - Choose a multiplyer or size on the right design panel For example 2.5x will multiply the current dimensions by 2.5 and scale everyting like frames, type and stroke sizes accordingly.

[professorfigma]

First! Was just helping out a friend with a thing, and they didn't know that you can measure the distance between points in Figma, so I am instinctively sharing here (as I do). - Select an object or point - Hold the option key (alt on Win) - Move your mouse to another point or object