Figma: Changing Groups to Frames
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.
Changing frame size in Figma
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, It keeps me accountable for doing my work (I get distracted easily sometimes). I love the instantaneous feedback…
A basic Figma trick that has changed my workflow
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…
UX Inspiration on Instagram
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.
Figma Mirror application
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…
Figma Trick: Tidy Your Board
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:
Figma UI kits I am loving
Over the past few weeks, I have been exploring the community section of Figma, and have found a few helpful UI kits to share. 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
Neumorphism Figma Plugin
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.