Photo by pine watt on Unsplash

Recently, I was designing in Figma, and struggling to adjust an image within the frame. I have struggled with this often but never taken the time to figure out a quick hack to adjusting the image. One thing I have learned about myself since becoming a designer is that on many occasions I would rather struggle through a flow than to look or ask for help.

At the risk of becoming far too tangential, I will keep this short and simply say, asking for help will make you a far better designer. If you are anything like me, you may…

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 Balázs Kétyi on Unsplash

Here again with another simple (and maybe well known) trick.

Recently, I have enjoyed designing in Figma while on calls with my colleagues. I have found this useful for a few reasons,

  1. It keeps me accountable for doing my work (I get distracted easily sometimes).
  2. I love the instantaneous feedback I get when on a call with a teammate
  3. I learn useful tips and tricks in real-time. I really believe regardless of my experience using Figma, I always learn useful tricks from my colleagues and friends when working alongside them. …

Photo by Johannes Plenio on Unsplash

This week, I want to quickly share how to create your own shapes in Figma.

Step 1: Pick a shape

Photo by Scott Webb on Unsplash

Have you ever experienced frustration when trying to scale down your designs in Figma? I have often felt this frustration, and often took large amounts of time to make sure my scaled-down designs were perfected.

Recently, I came across a Figma game changer, and to be blatantly honest, it takes a level of humility to admit to this, mostly because I feel the majority of the tips and tricks I share are basic, and everyone already knows about them.

However, I am also aware that if I did not know about this, then there are most likely others who are…

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

The other day I was designing responsive mobile screens and was looking for a way to try out how they would look on my phone.

I remembered coming across a Figma app on the iOS App Store and decided to try my luck there.

Once having downloaded the application, I was asked to sign into my Figma account onto my device. After connecting my Figma account, the app instructed me to select the frame (on my computer) that I wanted to be mirrored on my device.

Although the app received few good reviews, I found the application displayed my designs…

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)


Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store