In this super exciting article, we will try together to make your websites installable.

Webflow is the future of the future! What a paradox! You can design simple websites and even if you’re already a developer, you can create complex websites too, to steal all attentions.

Even if Webflow lets…


Designing advanced animations for the web doesn’t need advanced tools. Let’s create one of the most advanced ones using Figma.

If you are one of my followers or you have read my previous articles, you know Figma is my daily driver as a designer and I rely on it for…


In this article, we learn together how to recreate and design advanced interactions for large screens and websites using Figma.

Figma has been updated recently and the new features made this app “Perfect!” for designers and even people who design low-fi prototypes. …


In this article, you will learn how to design slider animation with Webflow without using codes and JS libraries!

After publishing several articles for Figma fans, it’s time to switch to Webflow to learn something new. Webflow is one of the best web design tools and if you like or…


Figma is one of the amazing design tools and if you use it as your daily design app, you need to learn its shortcuts which speeds up your workflow.

Hello again, It’s Em!

In this article, we will learn the most useful shortcuts of Figma which can speed up your…


In this article, we will check which design tool is more capable to be used for designing a scrollable list and prototype it.

Hello again!

I decided to work on a new series of articles which compare two powerful design tools which are very popular these days (Sorry Sketch! You’re…


Figma is one of the most popular design tools these days. But how can you design advanced loading bars using the “Smart-Animate” feature?

If you read my previous article about “Figma”, I explained how you can recreate some advanced micro-interactions for your projects using Figma and “Figmotion” plugin. …


This story will cover how you can use Figma to design “resizable cards” by using the “Auto-Layout” feature.

Before I start, I must say this article would be useful for designers who read my previous articles or it can be a challenge for designers who think they know too much…


Figma recently released a new feature: Auto-Layout. This feature helps you to create resizable components easily. Let’s learn it together.

We (designers) are all having a problem with manually resizing our design content. Imagine you created a new button which has a label text on it: Sample text. …


Figma is one of the most interesting design tools and these articles will help to start designing immediately.

Hello everyone! I’m back. First, I must say “Thank you” for your messages about my previous article which was published for Figma:

Figma: Recreate the most useful interactions using Figmotion

Em Design

A passionate designer who designs digital experiences for mobile phones and websites. — — — — — — — — — — — — www.wearemoonlight.com

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