Optimising your design system with Figma’s variables
Hello, codesigners. I‘m happy to share how I utilised Figma’s variables to create tokens and variables for our design system. Over the past year, the idea of developing a new design system, particularly leveraging CSS custom properties for implementing light and dark modes, had been on my mind. Around that time, in June 2023, Figma released a new feature called Variables, which was super useful to
Using Figma’s new Sections feature
Sections and boxesWhat are SectionsPreviously, we used shapes or frames to organise our boards. However, frames and shapes aren’t built for organising and can be hard to differentiate and work with. Enter “Sections”. Purpose built for organisation. They are a new objects similar to frames with a few key differences both in look and behaviour. Let’s take a look at how they work and more importantly
How to create Figma design loved by developers
Since the presentation was done in Japanese and I wanted to share the content to more people, I decided to transcribe the presentation in English. Hope you would like it! What is “Design loved by Developers”I believe there are two big criteria, and they are Easy to grasp the intent of designEasy to update implementation when the design changesI believe that the former can be achieved by Structured
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Analyzing UX & UI decisions in classic racing games
The only Figma plugins I actually use
In response to Jakob Nielsen
In response to Jakob Nielsen
Maybe it’s time to let the floating labels die
How people read online
How to explain your design when your manager only cares about metrics
Finding the right balance of information in UX
Why design trends are bad for business
Testing pixel perfection in Figma and code
A beginner’s guide to Design Tokens
Mobile & desktop design scalability in a Design System
Dark mode UI pros & cons, explained
Why designers should understand code
Web3 has a user experience problem
Wordle is a masterclass in product design simplicity
Should “cancel” be a button or a link?