Introducing KEYSTROKE ⌨! My first Figma community template to create keycap quickly (with auto-layout support!). Quickly create keyboard shortcuts on Figma now! 1. Open figma community file 2. Click "Duplicate" 3. Copy the component to your own file 4. Start typing in the text layer in the middle View file here or search "Keystroke" on Figma Community or click Remember to use scale ("K" key" to re
Brand new Safari and Firefox were both announced this month. Both versions received major design iterations. Which do you prefer? Announced in WWDC, Apple's new Safari is more ground-breaking in terms of UI and interaction. Merged address & search bar aims to reduce occupied space, while color-adaptive background will help the browser blend into webpages. Safari also underwent some big changes on
One simple step to enhance your website's accessibility is checking your colors. 8% of all men suffer from color vision deficiency (0.5% in women), so 1 in 12 males that visited your website may experience difficulties if your design is not accessible. Until few years ago, colors on a website have to check one by one using contrast checker or by completing a site audit. Recently, I discovered Chro
Stark has been a very helpful tool for creating accessible designs. The all-in-one accessibility toolkit has launched Chrome version after focusing on design platforms like Figma, Sketch and Adobe XD. Two main features launched today include color contrast checker and colorblind simulation. Smart color suggestion, recommendation of alternative colors if the contrast does not pass WCAG 2.0 level, h
Catching up with some design documentaries in the last few months during quarantine, here's my recommended list! The two-season documentary series highlight artists across various fields of design. Each episode is an in-depth look of how design is implemented around our everyday life. @abstractdesign Watch Now Discover the history and cultural impact of the famous typeface Helvetica, also known as
Recently I discovered Raindrop.io, a bookmark manager developed with designers in mind. There are multi-purpose views that you can set for each collection, Like List, Headlines Grid, Moodboard. Of course, you can tag bookmarks and put them in different collections (folder). Thumbnail can be uploaded manually if crawling does not work. There's also auto-suggestion to tag base on page metadata. It's