UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

Design System

【Design System】デザインシステムに関するインタビュー記事

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

【Design System】Componentギャラリー

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

【イベント参加ログ】Design System Build #01 -デザインシステム構築の様々なアプローチ-参加レポ

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

【Design System】デザインシステムのガバナンスプロセス

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

【Design System】LINEのシステムデザイン

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

【Design System】デザインシステムはUIを定義するのにとどめるべきという話

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

【Design System】パターンライブラリが無駄に増えてしまう話を「靴下」で例えたら理解してくれた

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

【Design System】Pixivのデザインシステム(その2)

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

【技術本】Form Design Pattern

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

【Design System】AmebaのSpindle

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

【Design System】Storybookのデザインシステム

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

【Design System】pixivのデザインシステム

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

【Design System】atama plus さんのデザインシステムの課題を聞いてきた

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

【Design System】atama plus のデザインシステム奮闘記を読んで

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

【Design System】ペパボのデザインシステム

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

【Design System】デザインシステムに関する調査(2020)

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

【Design System】Pairs JPのデザインシステム

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