This guide will help you communicate information to the developers during the handoff process in a more effective way — As I work on a new feature design, I find that I am more stressed during the last part of the process. That moment is the design handoff. That’s because every mistake I make in the design handoff can impact the product and cause a rework for the developer. I…

A simple guide to understanding the switch UI element — Every design system should include the switch component. This component, also called a toggle component, is a small and basic component commonly used on mobile devices and desktop apps, and it is used to enable and disable different options. This article focuses on the switch component, its basics, the UI…

No plugins are needed. Only native Figma tips — For the past three years, I’ve dedicated significant time and effort to mastering Figma, not only by using the most important features like auto layout, components, and component properties but also from many reading articles and teaching private lessons. In this article, I want to share some small but precious…

Your product is the source of truth — *This article was last updated on 20.1.2023. I see Figma as a tool that helps us create new flows and features, share our ideas with the team, test edge cases, and create clear guidelines for developers to implement the design. Furthermore, it helps us build prototypes to create usability tests…

Build and maintain design tokens faster and more accurately — Over the last few years, design tokens have become the most common way to align colors, fonts, widths, animations, and other design decisions with code. Although this technique makes organizing and managing all the information easier, building and maintaining an extensive system with great token architecture can be challenging. Recently…

A step-by-step guide to finding and implementing them — When a product designer starts designing complex products, there are many topics they need to cover, such as the product domain and edge cases. In addition, complex products require advanced flows, components, and interactions that aren’t very common. …

Avoid meetings and focus on design work instead — As product designers, we need to conduct and manage meetings with members of our product teams and stakeholders. Designers use meetings to accomplish different purposes, and from my point of view, there are three types of meetings: Working meetings: Gathering perspectives to solve issues together. For example, a design thinking…

Create resizable icons in Figma that keep the right proportions with this simple guide — Whenever a product designer needs to design a user interface for digital products in Figma, aside from creating the logic of the app to help the user complete their task, there is always this question: How can I work faster on Figma to dedicate more time to designing user experiences…

Using the GPT3 AI model, this AI chatbot can change our design process — It is more than evident that AI technology will change how product designers work. One side is tools launched this year, such as Dall-E-2, Stable Diffusion, and Midjourney for images, while the other is AI tools that help write text, such as Wordtune or Lex. As a product designer, I…