Lessons about UI
The links, tools and tips our engineers and designers share with each other, one “today I learned” at a time.
- lessons shared
- 217
- people sharing
- 20
- database started in
- 2017
Tech Insights· youtube.com
Why are western and east asian UI good practices so different? Cultural impact on Information dense vs Action Focused interfaces ;ab_channel=CynthiaZhou
Shared by
Read on youtube.com- Design
- UI
- UX
digidop.fr
Create an Optimized Style Guide in Figma for Webflow
Discover how to create a customized and optimized style guide step by step in the no-code tool of Figma for the development of your website!
Jason Santos
Tech Insights· digidop.fr
Create an Optimized Style Guide in Figma for Webflow
From digidop.fr
Discover how to create a customized and optimized style guide step by step in the no-code tool of Figma for the development of your website!
Shared by
Read on digidop.fr- Design
- Design Systems
- Figma
- UI
- Webflow
Tech Insights· bootcamp.uxdesign.cc
Should the confirmation button come first or last?
Shared by
Read on bootcamp.uxdesign.cc- Design
- Design System
- Design System
- Form
- UI
- UX
component.gallery
The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems
An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
Pedro Bacelar
Tech Insights· component.gallery
The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems
From component.gallery
An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
Shared by
Read on component.gallery- Design
- Design System
- Design System
- Figma
- UI
linkedin.com
A matrix to help you self-evaluate on 18 different skills a UX designer needs
🔶 A matrix to help you self-evaluate on 18 different skills a UX designer needs 🔗 https://lnkd.in/eS844V_M 👨🏻💻 Daniel Birch UX Strategist The UX Skills Matrix proposes to break down UX design into 18 different skills, on 8 levels of expertise. 🔹 UX Skills ✅ UX strategy and planning ✅ UX writing ✅ Information architecture ✅ User flows ✅ Communication and presenting ✅ Wireframing and prototyping ✅ Branding ✅ User interface design ✅ Interaction design ✅ Workshop facilitation ✅ Design thinking ✅ Agile ✅ Empathy ✅ Qualitative research ✅ Quantitative research ✅ Analysis ✅ UX Audits ✅ UX…
Pedro Bacelar
Tech Insights· linkedin.com
A matrix to help you self-evaluate on 18 different skills a UX designer needs
From linkedin.com
🔶 A matrix to help you self-evaluate on 18 different skills a UX designer needs 🔗 https://lnkd.in/eS844V_M 👨🏻💻 Daniel Birch UX Strategist The UX Skills Matrix proposes to break down UX design into 18 different skills, on 8 levels of expertise. 🔹 UX Skills ✅ UX strategy and planning ✅ UX writing ✅ Information architecture ✅ User flows ✅ Communication and presenting ✅ Wireframing and prototyping ✅ Branding ✅ User interface design ✅ Interaction design ✅ Workshop facilitation ✅ Design thinking ✅ Agile ✅ Empathy ✅ Qualitative research ✅ Quantitative research ✅ Analysis ✅ UX Audits ✅ UX…
Shared by
Read on linkedin.com- Career
- Design
- Hiring
- Skill
- UI
- UX
Tech Insights· figma.com
“Include” is a Figma plugin built to make annotating for accessibility (a11y) easier for designers to spec and for developers to understand what is required.
Shared by
Read on figma.com- A11y
- Acessibility
- Design
- Figma
- UI
- Wacg
Tech Insights· producthunt.com
FigGPT: Use ChatGPT in Figma or Figjam!
Shared by
Read on producthunt.com- AI
- Chatgpt
- Design
- Figma
- Gpt
- Gpt 4
- UI
nngroup.com
The Anatomy of Good Design
Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.
Carlo Custodio
Tech Insights· nngroup.com
The Anatomy of Good Design
From nngroup.com
Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.
Shared by
Read on nngroup.com- Product Design
- Product Design
- UI
- UX
- Visual Design
frankrausch.com
Modern Mobile Navigation Patterns
An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.
Pedro Bacelar
Tech Insights· frankrausch.com
Modern Mobile Navigation Patterns
From frankrausch.com
An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.
Shared by
Read on frankrausch.com- Design
- Ios
- Mobile
- UI
- UX
Tech Insights· uxdesign.cc
Accessibility Handoff: a guide for product designers
Shared by
Read on uxdesign.cc- Accessibility
- Design
- Interface
- Specs
- UI
- Wacg
Tech Insights· medium.com
7 Principles of Icon Design
Shared by
Read on medium.com- Design
- Icon
- Iconography
- Interface
- UI
Tech Insights
Adding an emoji to the beginning of your Figma's file title replaces the default File Icon with your chosen emoji :art:
Shared by
- Design
- Figma
- UI
Tech Insights· uxplanet.org
Ultimate guide for designing UI cards
Shared by
Read on uxplanet.org- Card
- Component
- Interface
- UI
Tech Insights· wix-ux.com
When life gives you lemons, write better error messages
Shared by
Read on wix-ux.com- UI
- UX
Tech Insights
When replacing thousands of uncomponentized UI on Figma, try using the Similayer plugin to find all repeated layers and replace all selected at once by pressing ⇧ Shift + ⌘ Command + R
Shared by
- Component
- Design
- Figma
- Plugin
- Similayer
- UI
Book a call
Found it useful?
Let’s put it to work.
Tell us about your product and the problem in front of you. We’ll bring what we’ve learned on real projects.
Tell us about your product, and we’ll bring what we’ve learned.
Still prefer the good old email? Contact us
