Designer Tips

Mindful tips for a creative job.

This article is brought to you by
Visit my premium asset store and level up your design inventory.

How to be a better designer.
How to be a better designer.

How to be a good designer? It’s hard to say. Probably one should be able to code, know Photoshop, be a good architect or manager + designer + unicorn, or smth. This is not an article about that.

Here I collected tips/perks I discovered on my journey into calling myself a designer.

Consider these be are summarized concepts rather than serious ass advice. Have fun.

Tip 1 — Work a lot

UI icon tips

Interface iconography tips & tricks.

This article is brought to you by
Visit our premium asset store and level up your design inventory. ☟

How to design icons
How to design icons

Iconography is one of the most crucial parts of the user interface. It’s a visual language that represents commands, content and reveals the meaning behind functionality.

Your icons should always represent simple visual metaphors that users can understand and recognize instantly.

Based on how you design and use icons in your product, you can bring the feel of uniqueness to the brand. So here are my tips to help you design better icons.

Tip 1 — Set up a grid

You’ll never create just a single icon…

Shadow Tips

Tips to help create better UI shadows.

This article is brought to you by
Visit our premium asset store and level up your design inventory. ☟

Buninux—world-class UI assets for designers & developers.
Buninux—world-class UI assets for designers & developers.

Shadows play a huge role in modern user interfaces. They bring depth and hierarchy to organized rectangles.

Based on how you use them, they are able to bring joy and a feel of elevation to your interface. So here are my tips to help create better shadows with such design tools as Sketch, Figma, or XD.

Tip 1 — Make it Soft

Don’t use default application shadows. Instead, adjust the shadow opacity around 5–25%, and set a higher level of blur.

Web Colors Tutorial

8 Tips for creating bulletproof color schemes.

This article is brought to you by
Visit our premium asset store and level up your design inventory. ☟

Buninux — How to create a better UI color palette.
Buninux — How to create a better UI color palette.


Color is everywhere. Working with color is an essential part of any brand, and a modern interface strives for its recognition. Therefore, choosing and using colors to achieve business goals can be challenging for any designer.

The choice you make affects the look and impacts how the customer feels about your product and business. Here are my practical tips on creating a bulletproof UI color scheme to help you make the right choice.

1. You must choose. But choose wisely

The primary color is the first thing…

Don’t reinvent the wheel. Work on making it better.

Hey, ✋ it’s Dmitriy!
Have you experienced the pain of starting a new project from scratch?


In this shifting world of design tools, Sketch and Figma compete and constantly introduce new features. It has become a real challenge to keep up with the pace and always have a reliable source of your projects' assets.

If you a designer or developer, life always keeps pushing you to switch from one tool to another and from one type of project to the next one. And so on, it’s normal and inevitable.

To help people like myself spend less time on this routine…

Sketch & Figma Freebie

Instagram Carousel Template for Sketch & Figma

I see a big trend among designers — posting carousels on Instagram. But I can’t get myself used to post there. So, I decided to do a bit of research and create a template for my future content to help myself.

So today, I want to share my small Carousel Kit for Sketch & Figma. 😊

Instagram Carousel Template
Instagram Carousel Template

This resource is brought to you by
Visit our premium asset store and level up your design inventory.

The idea behind this freebie is to establish a workflow for preparing my own Instagram content. I hope you can find this template useful…

440 Super Basic Icons to Help You Design Clean Interfaces.

SBI is a set of high-quality symbols created especially to fit modern interfaces, websites, and applications.

SBI differs from most icon packs on the web with the ability to live edit stroke thickness and style — which is a real time-saver when you need to adapt any of your project icons to numerous sizes, products, or interface states.

All icons ✒ use a single line style and a 24px grid to relay sharp visual metaphors that are clear and simple to get.

For the best experience, the pack is divided by interface categories with a multi-tag name structure to help…

Sketch app templates

A collection of resources for aspiring UI/UX Designers.

Hi! 👋
In this post, you will find useful templates to help you create well-known design components, such as tables, buttons, mockups, and charts, as well as assists in setting up typography and grid for your next project in Sketch.

This collection is specially made for aspiring UI/UX designers and everyone interested in Sketch app basics functionalities in 2020.

Feel free to download, play, break, or use these bite-sized templates on your own design will.

If you enjoy any of this, you can support me by visiting the asset store. ♥️

Smart Buttons

The template includes two types of buttons: with and…

Sketch & Figma Tutorial

Tips and tricks on transferring a design kit from Sketch to Figma.

This guide is made due to a loud trend among product teams and designers, a transition from Sketch to Figma.

In this article, I want to highlight the common pitfalls and uncover several tips on how to seamlessly transfer your precious design assets from one excellent design tool to another.


Check out the latest project I’ve been working on, called Slice — it’s a super cool and useful design system for Sketch and Figma.

Why these tools? 🛠️

Sketch and Figma are great for creating UI and organizing components libraries. …

Sketch Tutorial

Setting up a modular design system.

In this article, I will guide you through all the necessary steps and features to properly set up and use Slice in Sketch at its maximum potential.

Guide contents:

  1. 👀 Overview
  2. 📦 Installation
  3. 🎨 Changing Colors
  4. ✏️ Changing Fonts
  5. 🔪 Using components
  6. 🧩 Naming and Extending

1. Overview

Slice is a Modular Design System shaped from separate UI libraries. Its main purpose is to serve as a project boilerplate and provide you with all the necessary building blocks to create stunning websites and apps.

By Modular, we mean, that the whole system is intelligently partitioned into sustainable modules like Core, Controls, Navigation, and Cards.


Design Articles & Tutorials. Author —,,

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