UI Design

UI Design

93 bookmarks
Custom sorting
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
Join Jacob and Ryhan to understand how Figma shipped one of their most requested features, what barriers you’ll face implementing your own, and how to overcome those obstacles and make it easy on yourself. Check out their slides on the Figma community: https://www.figma.com/community/file/1105965841124675704 00:00 - Introduction 0:45 - The reality of designing dark mode 3:40 - How colors work differently in light vs. dark mode 4:35 - Step 1: Reinventing color ramps 7:34 - Step 2: Semantic colors 13:52 - Step 3: Implementation 18:16 -Closing #Figma #Config #Config2022 #FigJam #Tutorial #NothingGreatIsMadeAlone
·youtube.com·
The hardest part about building dark mode is that people think it’s easy - Figma team (Config 2022)
XD Essentials: The Art of Minimalism in App Design
XD Essentials: The Art of Minimalism in App Design
User interfaces look way different than they used to just a couple years ago — user interfaces (UIs) are becoming less cluttered and more contextual. ...
·blog.adobe.com·
XD Essentials: The Art of Minimalism in App Design
Compare UX Tools
Compare UX Tools
Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.
·uxtools.co·
Compare UX Tools
uizard
uizard
Uizard, the future of app development. Transform mobile hand-drawn wireframes automatically to Sketch and download the React Native code! Code less, create more.
·uizard.io·
uizard
The case against Abstract-Sketch
The case against Abstract-Sketch
Theres only two dominant UI design tools available today. In this article we will cover why there can be only one in 2020: Figma!
·blog.prototypr.io·
The case against Abstract-Sketch
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
Switching tools isn’t a decision to be taken lightly. Here’s a nuts-and-bolts and behind-the-scenes look at how Help Scout migrated design systems from Sketch to Figma — why we made the switch, a step-by-step walkthrough of what it entailed, and what we got out of it — a story that applies to any team considering a large-scale tool migration.
·smashingmagazine.com·
Moving From Sketch To Figma: A Case Study Of Migrating Design Systems — Smashing Magazine
Grid – Thinking With Type
Grid – Thinking With Type
A modular grid has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right. These modules govern the placement and cropping of pictures as well as text....
·thinkingwithtype.com·
Grid – Thinking With Type
A Complete Guide to Grid
A Complete Guide to Grid
CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike
·css-tricks.com·
A Complete Guide to Grid