「デザインシステムのジレンマ：見た目は似ているが、機能が違う」という翻訳記事を読んだ note.com 私はデザインされたものを実装する前に、めちゃめちゃ見た目が似ているけど、以前実装したコンポーネントとどう違うのかわからず質問することがよくある 結…

連合型デザインシステムの誤りという記事を読んだ medium.com きっかけは以下の@nobsatoさんの翻訳記事で、内容もこちらの記事で理解した note.com 連合型というのは、2015年に Nathan Curtis 氏（本題の記事と同じ筆者）が書いた以下の記事で紹介されたチー…

Uber のデザインシステム Base を開発者の一人、Maria Christopher 氏のデザインシステムの進化について説明している記事を読んだのでメモ blog.designsystemsforfigma.com Uber のデザインシステムはプラットフォームの成長に伴い、いくつかの問題が発生し…

デジタル庁が行政や公共機関、民間企業の人々が見やすいダッシュボードを効率的に作るための方法を提供している 内容がとても良かったのですぐ引き出せるようにメモ www.digital.go.jp ダッシュボードには、２つの類型があるらしい 現状を基準と照らし合わせ…

freeeのデザインシステム「vibes」をみた corp.freee.co.jp vibes vibes.freee.co.jp freeeはアクセシビリティに力を入れている印象で、そのあたりのフロントエンド開発のノウハウが詰まったデザインシステムらしい 一番上のnewsになぜ、freeeはアクセシビリ…

「こんな時はどの UI コンポーネントを選択すればよいか」の意思決定ツリーがあるといいなとは思ってはいたが、実際どういう風に作ったら良いか不明だった そんな時、UIコンポーネントの意思決定ツリーについてたくさんの事例を紹介している記事を見つけた w…

デザインシステムの構築と運用に関するインタビュー記事 spctrm.design Spectrum Tokyoの三瓶さんと、Figma Japanの谷さんとDMM.comの河西さんの座談会 デザインシステムの背景、その構築と運用に関する実体験、そしてデザインシステムの普及がデザインの未…

Componentギャラリーというサイトが良い component.gallery その名の通りコンポーネント横断で様々サイトのデザイン例を見ることができる 例えば、ボタンというページではAtlassianのデザインシステムなどのデザイン例がリンクされている 参考になりそうなの…

8/23に開催された以下のイベントに参加した raksul.connpass.com アジェンダは以下 RAKSUL「Build Story - 印刷ECデザインシステム のこれまでとこれから -」 freee「デザインシステムと画面パターン（仮）」 ICS「デザインシステムにおけるアニメーション定…

AtomicDesign作者のBrad氏のデザインシステムのガバナンスプロセスというタイトルのブログを読んだ bradfrost.com デザインシステムを更新するまでにどういうプロセスを辿るかのフロー図が載せられていて大変参考になった ブログにあるようにプロセスを決め…

LINE Design Systemが公開されていたので気になったところのメモ t.co LINE デザインシステムとは LINEデザイン全般を構成するComponents、Interaction、およびUXの統合ガイドライン LINEサービスの効率的な開発と、一貫したユーザーエクスペリエンスを提供…

Atomic Designの作者Brad Frost氏が最近デザインシステムの考えを変えた話 bradfrost.com デザインシステムは「時間を節約し、品質を向上させる」と話題になっている しかし、プロダクト全ての課題を解決しようとすると失敗するよという記事 デザインシステ…

人と会話する時に伝えたいことを何かしらの比喩表現を使って説明すると理解してもらいやすくなるという話で、UIパターンライブラリが無駄に増えてしまう問題を「引き出しの中の靴下」という比喩表現で説明したらびっくりするくらい理解してくれた 背景 コン…

Pixivさんのデザインシステムの記事の後編がでたので読んだメモ inside.pixiv.blog 前回読んでのメモは以下 【Design System】pixivのデザインシステム - UGA Boxxx 前編では、デザインシステム作成の背景や設計思想についてで、今回はより具体的な実装の話 …

しばらく積んでた Form Design Pattern 第１章、第２章あたりを読んだメモ Form Design Patterns ―シンプルでインクルーシブなフォーム制作実践ガイド作者:Adam SilverボーンデジタルAmazon この本のテーマはWebフォームのデザインのパターン紹介なのだが、…

Amebaのデザインシステム「Spindle」の作成舞台裏について@hilokiさんの記事が参考になったのでメモ note.com 始まりについて ブランド設計や、その中身の設計や開発のところは強力なメンバーがいた ブランディングを動機として始められた 設計・開発の効率…

自分の中ではデザインシステムを管理するツールにStorybookはマストになっているが、そのStorybookコミュニティが使っているデザインシステムが公開されていたのでみてみた ちなみに実際使用しているのはStorybookコミュニティが運営する以下の３サイト Stor…

pixivのデザインシステムの記事を拝見 inside.pixiv.blog いま参画しているプロジェクトにまさに下のようなモチベーションになりつつあるので参考になった ピクシブには多数のサービスがありますが、使っているサービスが変わっても「これは pixiv のサービ…

KOELの荒砂さん主催の飲み会に参加してきた Cyber Agentの@hilokiさんとatama plusの@n_m_taさんのお話がきける贅沢な時間だった 今月もNeWorkを使ったゆる飲み会終了しました。デザインシステム本音部屋は、そのまま音声コンテンツで配信したら聴く人めっち…

デザインシステムについて語らうと「atama plusさんがすごい」というのをよく聞いていたが、奮闘記なる記事があるのを知らなかったので今更ながら読んでみた note.com note.com note.com Design Systemを導入する目的 デザインの一貫性担保 →プロダクトの改…

この間のWeb24で話に出ていたペパボのデザインシステムについての記事 tech.pepabo.com 気になったワード Flavor：デザイントークンを差し替えるだけでそのサービスのブランドを崩さずにデザインする仕組み 色や形など、ブランドによって上書き可能なデザイ…

デザインシステムに関する調査をした以下のサイトをみつけたのでみてみた designsystemssurvey.seesparkbox.com 気になるところだけピックアップする デザインシステムに含めているもの 19項目のリストから選択されたデザインシステムに含めている要素（トッ…

エンジニアながらデザインシステムに興味があり、Pairs JPのデザインシステムを見つけたのでまとめてみる eureka.design Design Systemを導入する目的 Design Systemに求める条件は２つ プラットフォーム間で最低限のブランドイメージを担保できる 基本的な…