Top 8 UI Tips And Tricks To Save Your Time

26 Jul

Design

1. Scale tool in Sketch to avoid deformity

This trick is going to save you a lot of time. This is an easy solution to the frustration that saves a lot of time. If you've discovered the scale alternative, you won't have to go back and re-size each object individually. To use it, pick the object or category that you want to resize and hit "Scale" in the header menu or press CMD+K. Then you can set the percentage or size adjustment and the boom!

2. Use Craft to Autofill dummy content 

The Craft plugin has a few beneficial features to enhance your work. To use this feature, select images or text from your file, choose the type of content you want to add. Instead of adding lorem ipsum, this tool lets you add content from your dropbox folder or any other folder from your computer.

3. Instantly generate color palette in Illustrator

Illustrator’s blending feature lets you create a simple colour palette in seconds. 

This tool eliminates the extra guesswork involved in choosing color values for your design palette. 

4. Smart Alignment and Tidy up 

This feature in Sketch and Figma lets you align items in a list or a grid. You can select the items to be aligned and then click on the blue tidy up icon in the corner. In Sketch, you’ll find the option in the right hand corner. You can hold shift and drag the padding between elements to the right amount. Another feature called smart layout lets you quickly swap the location of objects by clicking the circle in the middle and then dragging the item to its new place. 

6. Identify any font with WhatFont

You’re browsing something and suddenly a beautiful font catches your attention?

Use the chrome extension WhatFont to instantly check the font style. So the next time when you like a font, click on the chrome extension icon and identify the font. It’s simple, it’s easy, it’s free!

7. Change the opacity of any object 

Pick an object and then click some number on your keyboard (1–9) and change the opacity instantly. Do you want to see 70 percent opacity? Click 7 on the keyboard. This is going to save you a lot of time.

8. Iconjar for icon management

Iconjar allows you to organize, maintain, and store icon libraries. This feature will eliminate the need to download icons everytime you want one. Some of the popular icon packs are: 

  • Material Icons
  • Noun Project
  • Box Icons
  • Feather

Download the pack, drop it into Iconjar and give that folder any name.