Fast forward a few years, web development will be nothing similar to what it is today. No-code and tools like Webflow are about to change who and how to create websites. Readymade components will allow for quick layout compositing. Most of the complex, server logic will be available as blocks in visual editors. There will be API for literally everything. UI/UX designers will gain superpowers reserved for web developers, and people with no coding skills will code simple websites with ease.

For now, though, the world is a bit less perfect. Day to day we design websites for our clients…


3… 2… 1! Here’s a complete list of latest and most handy Figma shortcuts and techniques that will save you time and make your workflow in Figma smooth.

Check out the video👇where you can see the Tips & Tricks in action, below. (Plus, there’s a full list of cue points in the description on YT). Also, please make sure you check out my detailed, 4-hour Figma course later. Enjoy 📺

Below you’ll find the text recap so that it’s easy to recall a technique later.

Duplicating layers

To duplicate the layer select the layer and Option drag it. …


🎉 Codeless has just launched! Please, share your feedback on Product Hunt 🎉

Today I slept through a disaster.

At 4:35 a.m. I got the text message that one of my crucial servers is down. Reason? Trivial. No funds on a connected credit card. Did I miss some notifications beforehand? No. I turn them all OFF by default. I consciously opt-out of any things that may distract my work and life. And with over 50 subscription services that my business handles I’d be notified every millisecond. But hey! Shouldn’t notifications that come before the blackout be AT LEAST the ones…


This is an extract of the speech I recently gave on ngPoland. I thought I’ll share the ideas in the form of video and article. This is meant to help developers get the overview of the design process and how designers think and execute UI design.

Check out the video here:

Foreword

There’s a great valuable difference in the mindset of both designers and developers. What glues it together is respect. Because our team can create amazing things. In order to perform even better we need to learn a bit more about each other’s workflows. I’m a great evangelist of…


As UI elements of websites and apps become more unified, it’s the attention to detail that differentiates the best from the rest. One of the best places to see this in action is microinteractions, which make user actions more rewarding, and user experience A+.

What are microinteractions?

Microinteractions are small animations usually taking place on one specific UI element, such as a button or input field. Their purpose is not just to please users, but also to add a meaning and immediate feedback from UI. Take this microinteraction as an example:

By HoYun Son

We can break it down into some stages crucial for this kind…


At the time of writing my latest project learnux.io has been out for over two months. Over this time, the webpage has been visited by 20,000 users from 145 countries, generating almost 70,000 hits. Over 220 people have subscribed which resulted in $9,000 revenue over this time. The last 30 days of income presents as follows:


Yay! Prototyping is now available in Sketch. You can create simple, interactive prototypes without leaving your favorite design tool. Here’s an 8-minute tutorial I’ve recorded on this feature. Below you will find a short recap with 5 go-to tips.

1 — Organize the Tools

When getting used to the new features you usually want to have the Tool icons available right away. Rightclick on the Toolbar and select Customize Toolbar. Then add the icons for Link, Preview, Hotspot and eventually Show Prototyping (it’s in the View list by default).


One of the recent updates to Adobe XD brought the option to export to ProtoPie. Surely placing a bet like this is a well-thought move by Adobe. We can probably expect even closer integration between the tools and while Prototyping capabilities of Adobe XD are far from exciting for a moment, using ProtoPie in a process gives you much more options.

My aim is to give you an overview of how the integration works and show a practical workflow to designing UI and prototyping using the tools I mentioned. It’s not a comprehensive guide to prototyping but rather a look…


Easy as it sounds. Check out the recap and below you will find a video guide. If you work as a freelancer or in a Team — here’s the idea. We’ll use:

Sketch →UI, Abstract →Versioning, Zeplin → Handoff (Optional)

TL;DR

1 — Top level: Supporting & Client Libraries

In Abstract, set up New Project named ___Support — things you use often, such as UI Kits, OS Kits, Wireframe Kits, Mockups. Use one Sketch file for each asset type and make sure you set those files as Libraries.


In my last post I told you the story behind learnux.io — project, which I am launching today. Apparently, dreams come true and after months devoting all my effort and thoughts to this project, I’m ready to show it to you.

Actually, you can find it already on Product Hunt: https://www.producthunt.com/posts/learnux-io

Your feedback is so much appreciated! Thank you 🙏

Modern UI Design

There has never been a bigger demand for UI & UX professionals. Companies of the future will use User Experience to stand out in the crowded markets. Industries change faster than ever — Volvo sells subscription cars, Elon Musk promises…

Greg Rog

** Idea Architect ** @ learnux.io

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