Belajar UI

How software can prevent people from making mistakes, causing permanent damage, or bringing about the collapse of democracy.

How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.

🗺️ Learning Board

Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.

Guidelines to naming conventions, components structure and document organization.

Guidelines to naming conventions, components structure and document organization.

Revisiting the Atomic Design Method for Design Systems

Guide to creating a taxonomic glossary of Design System components, properties, and values.

In-depth guides and resources about everything you need to know to succeed in product design.

Issue #4

Refining chips in our design system with visual and usage distinctions

Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design.

All you need to know about button design, one of the main interactive building blocks for creating a user interface.

Like code, prove Figma shows what and changes as you expect

Find out how to design forms for digital products and services for Co-op.

So, let’s talk about colors!

Apply these essential tips whether you’re designing page layouts for print, web or app UIs.

How you can create excellent interactions, how to define high quality and low quality interactions across a complex product

Apple’s Vision Pro headset has sparked both excitement and scepticism within the tech industry. This latest venture into spatial computing…

“UI/UX Designers 👨‍💻🚀 Learn how to use Typography when you create responsive designs. You can use the same semantic names, but change the value. Read more in the thread 👍🚀 Save this post for later, RT and share with friends 🚀 🧵”

“[A Thread 🧵] - Indonesian Kita sering dengar istilah "From Zero to Hero". Mungkin beberapa dari kalian sedang ada di fase awal, a zero. Atau sudah pernah mendesain tanpa ada guidance sama sekali. And making mistakes as a beginner. It's okay! Belajar dan baca tulisanku ini.”

“"Gw udah jago nih bikin visual design (UI), terus mesti ngapain lagi?" Minggu kemarin gw bikin tulisan tentang: kalo mau jadi product designer dimulai dengan fokus belajar tools & visual design dulu aja. Di tulisan kedua ini, gw coba ngebahas skills yang harus dipelajari beyond…”

“Have you ever noticed that websites usually have a vertical top-level hierarchy, and apps usually have a horizontal top-level hierarchy? Interesting to think about why this is. I suspect it's a few reasons, so I'll write them here as I think about them.”

“My team had this Chip @figma component hanging out causing us grief / being mostly useless, so I started cleaning it up this afternoon. (we use a wrapped version of MUI, so there are some constraints on what I can remove/change) Old (left) vs. New (right) 👇”

How Material You supports beautiful, efficient tablet and foldable experiences

“I spent 4 hours perfecting this card design for the dashboard Super happy with how it turned out! Here's all my design thoughts: 1. I felt the original had too much white space and not enough actions 2. Added cog for settings, moved everything to a horizontal layout to fill…”

Cara buat bisa jadi Product Designer (UI/UX) adalah langsung ngelakuin hal-hal yang berhubungan sama kerjaannya

A bottom sheet is a user-interface pattern used commonly in mobile apps for providing contextual details or controls in the lower area of the screen.

Discover how you can bring life to your app with animation! We'll show you how to create amazing animations when you take advantage of...

Today we compare them to see who will pack more punches.