Design and Code

Interesting ideas on design and coding

Sketch Plugin: Paste Paddings

This sketch plugin copies the paddings of one element to another. It can speed up your workflow when you’ve changed the spacing of one element that’s shared across different artboards and would like the new spacing to be applied to the same element in other artboards.

Installation

  • Download the whole repository as a zip file using the upper right green button from this Github repository.
  • Unzip.
  • Double-click on paste-padding.sketchplugin.

Usage

  • Select an element.
  • Hit ctrl + shift + c to copy its paddings.
  • Select another element, typically in another artboard.
  • Hit ctrl + shift + v to paste the new paddings.

Examples

Copy and paste horizontal paddings
Copy and paste vertical paddings 1
Copy and paste vertical paddings 2

Feedback

Any thoughts about the plugin? Send them to [email protected].

Buy me a coffee

If you find this plugin helpful, consider support me by buying me a coffee. 🙂 It will help me create more useful plugins for you in the future

Reading About Face

About Face is a popular book in the interaction design community. Written by Alan Cooper, Robert Reimann, Christopher Noessel and David Cronin, it covers the essentials of interaction design and is packed with deep insights. Reading this book has changed the way I think about and approach interaction design, and here are my three key takeaways.

Continue reading

Three Steps to Making Visual Designs Lively and Interesting

Whether we are designing an app, a website, or a presentation deck, creating visuals for multiple screens or pages can be a challenge. We seem to run out of inspirations quickly. We may have one or two interesting ideas in mind, but after we exhaust those ideas, our designs tend to be repetitive, dull and boring.

What’s the best way to tackle this challenge so that we can consistently produce visuals that are interesting and dynamic? Here’s a three-step approach that I found helpful.

Continue reading

Poorly Designed Interface Makes Oven Hard to Use

We talk a lot about the designs of mobile apps and websites. Companies, start-ups hire the best designers to craft the best UX for their digital products, but we seem to ignore the UX of physical products. User interfaces of a lot of home appliances, such as oven, stove top, dish washer, washing machine, are often not intuitive and hard to use.

Recently I moved into a new apartment and tried to cook. I was confused by the buttons and knobs on the panels of an oven and ended up spending much time trying to figure out how to turn it on.

Continue reading