Sign in

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

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.


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.

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


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.

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

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.

1. Be consistent with your design elements.


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.

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


A collection of 6 amazing tips to help improve your designs instantly

A design example using adjacent hues from a colour wheel
A design example using adjacent hues from a colour wheel

1. Use established icons in your UIs to avoid confusion for the user.


A collection of 6 amazing tips to help improve your designs instantly.

Two design examples. One with a highly saturated background colour, and the other with a more muted colour in use
Two design examples. One with a highly saturated background colour, and the other with a more muted colour in use

1. It’s perfectly OK to use purely decorative elements from time to time.


A collection of Figma resources all in one place.

The words ‘The ultimate Figma resource archive’ in white over a black background
The words ‘The ultimate Figma resource archive’ in white over a black background

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