6 Advanced UI Design Tips that don't get enough attention - Mizko on Twitter
“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”
How we designed an accessible color palette from scratch
“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
Calendar UI design – Date picker best practices & inspiration
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.”
9 Figma design system tips | by Marc Andrew | Oct 6, 2021 | uxspot.io
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…
“💡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”
Vee - Design learning: How I Design Component and Set their Properties
“📝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.