Recently, I found a short-cut to changing groups to frames in Figma. Before I go any further, I should first differentiate between a group and a frame (click either group or frame to learn more)

Group: a way of categorizing everything within a layer, groups take on combined dimensions of their children

Frame: can function as a variety of things (masks, artboards, groups, stacks, etc.). The size of the frame is set by the designer.

So you want to quickly change a group to a frame or vice versa…

  1. Select the Frame or Group you wish to change
I have selected a group

2. Move your cursor to the top right, to change the group to a frame

--

--

Photo by dole777 on Unsplash

Lately, I have been trying to limit my time on social media. I have found the impact of social media distracts me from doing the hobbies I love. In an effort to decrease the ongoing irresistible temptation to click the small gradient camera icon on my phone, I have deleted its presence.

However, in my time away, I have noticed one thing I miss is the UX inspiration (tips/tricks) I’ve found while mindlessly scrolling through my Instagram.

When I succumb to my cravings for the scroll, here are a few of the UX based profiles I like to visit.

  1. UXBrainy

--

--

Happy New Year!

My trick for this week is simple but makes a huge difference when trying to keep your Figma Projects organized.

I don't know about you, but I love arriving opening a project that looks tidy. It gives me space to think and see things I normally wouldn't amongst the clutter. I love to tidy my screens using this simple trick:

1. Select the boards you would like to tidy

--

--

Over the past few weeks, I have been exploring the community section of Figma, and have found a few helpful UI kits to share.

  1. Figma Charts Infographics UI kit (Community)

This kit is a great starting point if your design incorporates any graphs or analytics.

2. Variants iOS and IPADOS 14 UI Kit

--

--

As you can tell, I have been on quite a neumorphism kick lately. I came across this plugin recently, and have enjoyed playing around with it.

The plugin, neumorphism, makes it easier for the designer to select elements and easily apply shadow to create neumorphic effect.

I have shared a few screenshots below incase you are interested in learning more. I really like the plugin, as it is super easy to use, and takes the hard work out of figuring out the shadow for different sized objects.

First, select a frame suited to your design (below I added the CTA I am going to make Neumorphic)

--

--