Sign in

Designer. Tutor. Created Cabana Design System for Figma https://cabanaforfigma.com & Sketch https://cabanadesignsystem.com

A collection of 64 powerful tips to help improve your designs instantly

A blue and purple gradient background with the words ‘UI & UX Micro Tips: The Ultimate Collection’ in white.
A blue and purple gradient background with the words ‘UI & UX Micro Tips: The Ultimate Collection’ in white.

When creating efficient, accessible, and beautiful UIs for your projects sometimes it takes only the smallest of adjustments to help quickly improve the designs you’re trying to create.

In this easily digestible article I’ve put together a collection of my easy to put into practice micro-tips from the past 12 months.

With the following tips you can, with little effort, improve both your designs, and the overall user experience.

Enjoy…

1. Make your elements appear more defined with a subtle border.


A collection of handy tips to help improve your designs instantly

2 ‘Empty State’ examples. One shown with a short paragraph of text, and the other with helpful text and a button to guide you.
2 ‘Empty State’ examples. One shown with a short paragraph of text, and the other with helpful text and a button to guide you.

The smallest changes can make a massive difference in creating efficient, accessible, and beautiful user interfaces.

In this follow-up article, I’ve provided you with another set of easy-to-implement UI & UX micro-tips.

Tips that can improve both your designs and the user experience with minimal effort.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles below…


A collection of handy tips to help improve your designs instantly.

2 Typography examples. Both using a 4pt Baseline Grid for measuring line spacing between the text.
2 Typography examples. Both using a 4pt Baseline Grid for measuring line spacing between the text.

The smallest changes can make a massive difference in creating efficient, accessible, and beautiful user interfaces.

In this follow-up article, I’ve provided you with another set of easy-to-implement UI & UX micro-tips.

Tips that can improve both your designs and the user experience with minimal effort.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles below…

Let’s dive…


A collection of handy tips to help improve your designs instantly

2 Mobile design examples. One shown without a Tab Bar, and the other with a visible Tab Bar.
2 Mobile design examples. One shown without a Tab Bar, and the other with a visible Tab Bar.

When it comes to building efficient, accessible, and beautiful user interfaces, the smallest changes can make a massive difference.

In this follow-up article, I’ve provided you with another set of easy-to-implement UI & UX micro-tips.

Tips that can improve both your designs and the user experience with minimal effort.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles below…

Let’s dive on in…

1. Try to keep the Tab Bar a constant within your Mobile App.


A collection of handy tips to help improve your designs instantly

2 Card design examples. One showing a title with a lot of line height, and the other with much less line height applied.
2 Card design examples. One showing a title with a lot of line height, and the other with much less line height applied.

When creating efficient, accessible, and beautiful UIs, it takes only the smallest tweaks to improve your designs.

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

Tips that can, with little effort, help improve both your designs, and the user experience.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles below…

Let’s dive on in…

1. It’s ok the bend the rules sometimes when it comes to Type Scales and Grids.


A hands-on guide for getting started with this powerful design tool.

A blue/purple gradient with the words ‘Discover Figma’ in white
A blue/purple gradient with the words ‘Discover Figma’ in white

If you’re a Designer stepping into the world of UI Design and looking for the right tool to help you create beautiful, functional UIs, you really can’t go wrong with Figma.

And. I’ve always said there’s no better way of learning a Design Tool than just diving in and building something.

So guess what?

That’s what we’ll be doing together in this article, where I’ll be showing you how to create a simple Mobile App Screen inside Figma.

Exciting times lie ahead…

Checking out the Figma interface.


A collection of handy tips to help improve your designs instantly.

2 Card design examples. One with non-matching shapes, text styles etc., and the other with matching shapes, text styles etc.
2 Card design examples. One with non-matching shapes, text styles etc., and the other with matching shapes, text styles etc.

When creating practical, accessible, and gorgeous UIs, it takes only the tiniest tweaks to improve your designs.

In this follow-up article, I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

Tips that can, with little effort, help improve both your designs and the user experience.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles here, here, and here.

Let’s dive on in…

1. Be consistent with your design elements.


A collection of 18 tips to help improve your designs.

The words ‘The UI & UX Tips Collection: Volume Two’ in blue against a black background.
The words ‘The UI & UX Tips Collection: Volume Two’ in blue against a black background.

When creating efficient and beautiful UIs for your next project, sometimes it takes only minor adjustments to help quickly improve the designs you’re trying to make.

Just simple tweaks are sometimes all it takes to produce something that your clients, users, and yourself are delighted with.

In this article, I’ve put together a collection of my most popular UI & UX tips from the past few months that can, with little effort, help improve both your designs and the overall user experience.

Quick Note: You can check out Volume One of the UI & UX Tips Collection here.

Let’s dive…


A collection of handy tips to help improve your designs instantly

2 Card design examples. One with mismatching text styles, and the other with text styles that have the correct weight, colour and size together.
2 Card design examples. One with mismatching text styles, and the other with text styles that have the correct weight, colour and size together.

When creating efficient, accessible, and beautiful UIs, it takes only the smallest tweaks to improve your designs.

In this follow-up article I’ve brought you another selection of easy to put into practice UI & UX micro-tips.

Tips that can, with little effort, help improve both your designs, and the user experience.

Quick Note: Want even more UI & UX Micro-Tips? Then check out my previous articles here and here.

Let’s dive on in…

1. Want to speak in a more informal tone? Try going all lowercase.


Getting started building your own system.

Blue background with the words ‘Creating a design system in Figma’ in white
Blue background with the words ‘Creating a design system in Figma’ in white

Do you like staring at a blank canvas every time you start a new project in Figma?

I’m guessing you’re not a big fan right?

Wouldn’t it be better if you could kick-start your design projects faster, and save yourself so much time?

Well. This is where a Design System can come to your assistance.

So, what is a Design System you may ask?

In its most basic form, I like to think of it as a Component Library and Style Guide rolled into one.

Something which enables you to have those core UI elements pre-built, ready to go, allowing…

Marc Andrew

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