Belajar UI

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.

Why we need to see our work through a systems thinking lens.

Enterprise applications are complex. They often contain large amounts of information from various sources, modules, and users. In order to present this wealth of information, these applications…

12 design guidelines for tab controls to distinguish tabs from site navigation and address click uncertainty.

It is important for designers (or creatives or any “tech person”) to document their creative and technical processes primarily because it…

The dark days are finally past us.

Estimating and scoping your product design work is important. Especially if you're in the fast-pace environment. Here's how.