Atomic Design by Brad Frost inspired frontend developers to create design systems. It shifted our focus from implementing UIs one page at a time to creating reusable, atomic components. Design systems went from "nice to have" to "must have". But a majority of design systems ended up imploding. According to the 2021 Design Systems Survey, only 40% of the systems were successful. Why do some design
こんにちは、GaudiyデザイナーのTORAJIRO（@jirosh1998）です。 『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。 このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋（mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です！心広すぎ！） 読んで欲しい人 - これからチームでデザインシステムを作っていきたい - コンポーネントライブラリをFigmaで構築したい - Figmaをリファクタリングして、デザイナーの作業効率を上げたい デザインシステム本題に入る前に、このnoteで書いている「デザインシステム」の定義について触れておきます。デザインシステムとは「良いデザインを『効率
Updates HTML/CSS By Nicola Saunders - 8 September 2021 The W3C Design System website is now live at https://design-system.w3.org, with the Git repo at https://github.com/w3c/w3c-website-templates-bundle/tree/design-system-docs. Design Systems can be complex, so the focus has been on writing high-quality documentation with code examples. It contains all the documentation on how to use the different
Let's learn more about design specs, how to create them, and how they smooth out the hand-off process between design and engineering. What are design specs? Design specs (short for specifications) are the instructions attached with a design file to help the front-end engineers with the implementation of the UI of a web or a mobile app. A bit of history In the past, these instructions needed to cov
Stranger Things imagery showcasing the inspiration for the Hawkins Design Systemby Hawkins team member Joshua Godi; with cover art from Martin Bekerman and additional imagery from Wiki Chaves Hawkins may be the name of a fictional town in Indiana, most widely known as the backdrop for one of Netflix’s most popular TV series “Stranger Things,” but the name is so much more. Hawkins is the namesake t
Note: While the main content of this article still stands, I now prefer the terms base token (instead of choice) and semantic tokens (instead of decision). Read more about token terminology. Design tokens ease building products by improving the communication around design. They help scale your product by separating design decisions from specific platforms & technologies. They improve communication
Sure, this is the Spotify Design blog, and I dive a little into engineering in the article below — but design systems are cross-discipline at their heart and require a little bit from everyone and all disciplines to truly succeed! Author’s note: You’ll notice that throughout this article I use the word “customers” when talking about a design system's primary users -- your teammates. In most cases,
September 01, 2020This article was given as a talk at Clarity 2020. Here are the slides, video will be online soon. Did you know that less than 10%* of public design systems support platforms other than the web? The web is the default language of design systems right now. Any discussion about design systems is assumed to be talking about the web. And I get it. I love the web. The web is an amazing
One of the most exciting developments in design for me in the past few years was the launch of the GOV.UK design system. Of course, the real power of a design system comes from the community of designers who maintain it, but GOV.UK does so much right that it made me want to raise the bar on my own projects. I wanted to make something that was: easily reused in any website or app by installing it a
In the article you are reading now I will talk about our new design system at WebNL. It is still about improving the bridge between design and development, but without the complexity of automation and the urge to cut down on time. Switching to FigmaOur first design system was mainly shut down because we were forced to overhaul our codebase. But there were also a lot of problems that needed to be f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
