Deciding which text variables to create and how to set up a correct typography structure still requires planning. If you haven't considered how your Design System will change after this update, I'm happy to help you understand the decisions you'll need to make going forward

One of the most popular website sections is the hero section. It features the main brand image and a key headline. Here are tips to enhance the headline: character spacing, line height, font style, typeface selection, and more.

Designers often use #FFF for white and #000 for black as Pure Colors on RGB screens due to their extreme brightness and darkness. However, avoiding these colors can result in more visually accesible and balanced designs.

Figma and Framer can be combined to swiftly create no-code websites. The Figma to HTML with Framer Plugin allows import from Figma design to Framer with just one click. But how should you prepare the file for Framer? How can you optimize this process? Let's explore together.

Subscriptions not only provide financial stability for businesses but also help in building brand loyalty. Customers who subscribe to services are more likely to become loyal customers as they feel valued and connected to the company. This can lead to word-of-mouth marketing and bring in new customers through recommendations.

Modes are important for making digital content accessible to everyone, not just for looks. They help users with different eye conditions. Having standard options ensures everyone can access content easily.

If you've looked for jobs in the creative field, you've likely faced this question without knowing how to respond at first. "What's your Design Process" is a direct question that may feel a bit too blunt. Let's breakdown it.

Should you always use autolayout in Figma, or is it better to go for a freeform design and manually move elements within a page? Many designers have a love-hate relationship with autolayout, opting to steer clear. But is this truly the best solution? Here's my take.

One crucial aspect in the Web experience is how animations are integrated into your website, they needs to have the right timing, duration, positioning, and optimal offset. Today, I'll share practical tips on how to become a master of effects and transitions in Framer.

Learn how to fully customize your website cursor with Framer. Discover a complete step-by-step guide on how to achieve this stunning effect.

With the rise of apps, numerous web designers have made the transition to product design, focusing on digital products. Similarly, web developers have shifted their focus to become iOS/Android developers.

In this article, I break down the Source of Truth method and share why it's so essential. I'll walk you through examples to show how it maintains clarity by sticking to one "source of truth," making workflows smoother, and turning team collaboration into a breeze.

Creating an effective layout is crucial to every outstanding design. Spacing, grids, and layouts establish guidelines that bring consistency to your designs, limit decision-making, and foster team alignment.

You're working, your phone beeps, and suddenly you're off doing something else for 25 minutes. Or you're reading, a picture catches your eye, and you find yourself stopping in your tracks. Distractions are everywhere, aren't they?

The dropdown menu we click to choose our nationality has some usability problems worth mentioning. I've noticed these issues quite a bit, even on popular platforms designed by experienced designers.

This is the first in a series of posts about Design Systems where I'll get into every detail—how they work in big companies, how they're set up, mistakes to watch out for, and rules to stick to.

If things aren't going as expected, if you're feeling the pressure of the design industry, I have some words for you.

Spline has not just changed 3D design but also become a popular alternative. In this article, we'll explore how and why this shift happened.

If you have many ideas but struggle to turn them into reality due to a lack of method or not taking action, in this article, I'll explain a method to achieve your goals using Notion.

One crucial lesson I've learned as a freelancer is the importance of keeping clients 100% satisfied. It's not just about building your personal brand and ensuring financial stability; it's about fostering trust. What does it take to make a client genuinely happy to work with you? Let's explore it together.

When building a design system, the first aspect to consider is scalability. Scalability involves the ability to easily expand while also maintaining control. It's precisely for the sake of scalability that design tokens were created.

Building a no-code website with Framer is lightning-fast, and the advantage of being able to faithfully reproduce a design from Figma is a game-changer. Just how speedy and worthwhile it is to use Framer, we'll explore in this article.

These tips are precisely what I wish I had come across on the very first day I said to myself, "I want to pursue a career in design.

I have crossed the age of 30 and have understood the significance of what one does in this decade. There are 10 things that I believe every aspiring thirty-year-old should at least consider, and here they are.