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 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


A collection of simple tips to help improve your design workflow in Figma.

The words ‘7 quick figma tips’ in white, on a blue background
The words ‘7 quick figma tips’ in white, on a blue background

1. Use Math in the Inspector. Save your brainpower for more important stuff.


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

Mint green background with the words ‘The UI and UX Tips Collection’ in black, over the top of it
Mint green background with the words ‘The UI and UX Tips Collection’ in black, over the top of it

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


A small selection of tips to help you keep those large Sketch files in great shape.

Close up of an iPhone X screen showing custom icons
Close up of an iPhone X screen showing custom icons
Image Credit: Brett Jordan (Unsplash) — https://unsplash.com/@brett_jordan

1. Rename, and organise those Layers often. Your sanity will thank you.

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