Belajar UI

“Advanced Figma Tips & Tricks 2022 (https://t.co/ZNruqCb8Ej) (12 mins, video), with hidden gems like quick embeds and prototypes, nudging text, scrubbing fields, left-right honor grid and component naming. Also available as text: https://t.co/TT1vWeAJbi Via @moonlearning #figma”

After reviewing literally hundreds of UX/UI portfolios I started to notice some patterns. There are five distinct UI levels, or skill levels and only being a...

We all probably already know how it is to receive a project from someone else. Not everyone works the same way, it’s what makes our field…

“FAQ seputar UI/UX yok ☕️”

Chief Product Officer Yuhki Yamashita on how to embrace (and enjoy) endless iteration

An Open Source collection of Design Principles and methods

“6 Advanced UI Design Tips that don't get enough attention. 💎 Consider all user roles 💎 Avoiding conflicting copy + messaging 💎 Visual reinforcement 💎 UI kits + design systems 💎 Figma design system slots 💎 How NOT to ask for UI design feedback 👉 https://t.co/15DKjskagn”

UXArchive the world's largest library of mobile user flows. Be inspired to design the best user experiences.

“How we designed an accessible color palette from scratch (https://t.co/1PwOVvUC0l), with 8 colors for light and dark themes. #ux #design #accessibility”

So, what is atomic design and how can it help developers create a more consistent end product? Let’s first take a look at what atomic design is, before we start putting atomic design into practice.

Atomic Design is the deliberate building of interface design systems with explicit order & hierarchy. Learn more about this methodology & how to apply it.

Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we're recognizing the need to develop thoughtful desi

“Do you want to learn UX/UI design? These awesome resources will help you with design principles and best practices! 👇”

“Hello, designer. If you're designing Checkout UI screens, pay attention to these 10 practices. Follow me... A thread”

Actionable tips on how to nail WCAG 2.1 color compliance.

“How to master Font Sizes in UI 👨‍🎨”

What is important for you in the UI card design? I’d like to share with you the best practices that I’ve collected. Before that, let’s…

Calendar & date picker UI design inspiration & UX tutorial. Got stuck at designing calendars? In addition to useful UX guide, covered in this post; we've included an inspiration gallery full of calendars. Enjoy, steal and remake!

“[A Thread] 🧵 Experiencing Designing Dark Mode for components on Figma As I stated before, dark mode is tricky, and there is no contrast standard for the dark theme. A couple of months ago, I encountered some challenges in designing this. Keep reading to find out.”

With this article, I’ve listed a few quick and easy methods to help you speed up your design workflow in Figma. Most of these suggestions are ideal for when you’re dealing with design systems or huge…

For these designers launching a new desktop app that replaces one of Spotify’s most loved clients was a daunting but irresistible opportunity.

“💡Figma Tip: Naming with Figma Symbols Naming your layers and file are important, including the pages on your Figma file while building a design system. So, maybe with these symbols that @SShuaiqi has created can assist your design file. Go check on ↳https://t.co/XoGpI6eem2”

“📝Design learning: How I Design Component and Set their Properties 1️⃣ Create the UI design 2️⃣ Make a component as a base of its 3️⃣ Drag or duplicate them, change the layer name into your value properties 4️⃣ Organize and make component set 5️⃣ You made it a set of component!”

Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. They remain until dismissed or a required action has been taken.

Explore and learn about Figma's type properties

Find out what it is, how to use it, and more pro tips

Cara yang sangat sederhana dan mudah dipelajari

Yesterday I was listening to a podcast and heard someone who was about to ask a question saying something along the lines of "..long time…

Font Sizes in UI Design: The Complete Guide