A new way to build your design system in Figma — Why think about components this way? By this point we are all pretty familiar with the purposes, strengths and weaknesses of a design system (and I’m not here to advocate for building them in one way or another right now). We’ve had time to develop plenty of different strategies to handle grouping and organising everything from…

See how far the rabbit hole goes — My arms feel thin as sticks but longer than normal… at the same time, my fingers short and fat like a deli sausage. The space around me constantly expanding and contacting with every passing second, I don’t even fill my own clothes anymore. Moving my limbs feels unnatural, I’m losing…

A Personal Rationale — Naming components is hard… Now I’m not talking about the high level stuff like Snackbars, Buttons, Toasts and Accordions… No, that job’s been done. Naming the hundreds of nested frames, groups shapes and text layers inside your components is hard. But we can make it a little easier. To be…

Two quick strategies to help you keep your components clearly labelled and scannable. — Design systems are living, breathing artefacts. Their components and guidelines are never finished, always developing, ebbing and flowing between work in progress and healthy states. For us designers, the components we make use of are held right inside our design tool of choice, for myself and the team I work…

Use it as a tool to save money and reduce consumption — I found minimalism a little over two years ago, starry eyed and optimistic, I dove right in with the hopes of reaching some level of peak enlightenment, to find myself with zero desire to own an object for materialistic reasons, and transcend past the concept of humanity to a singularity…

…for creating fun graphical effects. — Continuing the trend of sharing things I have found useful as I learn and develop in the design Industry, below is a short list of some of my favourite Figma plugins, more to come 😄 1. Noise Quick and easy one to start off, a simple plugin for adding noise to an…

It’s a little more powerful than you would think — Product design tools have come a long way in recent years. …

A UI designers pocket sized cheat sheet. Style tiles are bite sized design reference sheets, so let’s keep this short and sweet. As you would probably know, a branding style guide aims to share the rules and design strategies used to effectively represent a company in any digital or physical medium. Similar to the branding style guide, the style tile is used to collate the…

Yes, It is actually this easy. — Version 13 of Adobe XD brought a huge range of powerful tools to the table, the most exciting for me being timed transitions and the auto animate function. Both can be used together to create some serious prototypes with things like guided on-boarding/tutorials and automatic redirecting to different screens. …