デザインシステム知見まとめ

本

noteにある様々なデザインシステムの知見をまとめていくマガジンです。良い記事を選定してくれる運営メンバーも募集中です。

運営しているクリエイター

#コンポーネント

翻訳記事：デザインシステムチームなしでデザインシステムを構築する

某DSチャネルで上がってきて目に止まり、わりと参考になるな、と思って9月頃に翻訳したまま寝かしていた記事🤣ですが、師走の忙しい時期とはいえ、頑張って🎄前に公開。デザインシステム Advent Calendar 2023 の20日目の記事です。一部のメガベンチャーみたいに豊富な社内リソースがある企業は別として、たぶん、現状のほとんどの国内企業の状況ってこんなんじゃないのかな？と思います。昨今、「デザインシステムやってます！」ってのは会社のブランディングや採用時の強みにも

デザインシステム改善:デザイナーとエンジニアで一緒に進めるコンポーネント整理

こんにちは。ヤフーメディア統括本部企画デザイン本部デザイナーの芦田です。3年前にヤフートップページのデザインシステム導入を担当した経験を活かし、現在担当しているサービスにおけるデザインシステムの改善を進めてきました。改善の中でも、デザイナーとエンジニアが密接に連携して進めたコンポーネントの整理は、特に大変だったものの、多くの学びがありました。今回は、そのコンポーネントの整理をどのように進めたかを共有します。デザインシステムとはデザインシステムは、デジタルプロダクト

知る・触れる・楽しむ carbon design system と design system

はじめにみなさん、こんにちは。いつもIBM UX Communityをご覧いただきありがとうございます。 IBM UX CommunityのUXデザイナー、前壮一郎です。現在、IBMの新しく立ち上がった部門ICE（ IBM Client Engineering ）でUXデザイナーをしています。近年、デジタルプロダクトの世界は急速に進化しています。ユーザーはますます高い期待を持ち、多様なデバイスやプラットフォームを通じてシームレスな体験を求めています。私は、この複雑

ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話

こんにちは、メルカリDesign Systemの立ち上げと運用を担当したデザイナーのtottieです。この記事では、メルカリの抱えていたデザイン上の課題をDesign Systemの導入で改善したお話をご紹介いたします。なぜDesign Systemを導入したの？Design Systemを導入した理由は、大きく分けて２つあります。１つめは、開発における課題です。導入を決定した当時（2018年）、メルカリはスタートアップから急成長したサービスだったため、開発チーム

FigmaのSlotを活用したらデザインシステム管理が超絶楽になった話

いつも大学や英語の勉強についての記事を書いてますが、今回はデザイナーとして働いている私が知った技術的なことについてまとめていきたいと思います。改めて軽く自己紹介昨年の11月よりファインディ株式会社でUI/UXデザイナーとして働いております。ファイディで働くのはとても楽しく、また周りの優秀な人達に囲まれて自分もメキメキと成長を感じています。（ここに関しては入社半年エントリー記事で詳しく書く予定）普段はプロダクトの魅力を高めるために様々な取り組みを行っています。その中でも

デザインシステム開発優先度の「難しさ」と「対策」

こんにちは、ログラスのデザイナー高瀬です。今回はデザインシステムの理想と現実について話していきたいと思います。デザインシステムって素晴らしいけど、いざ実装しようとするとプロジェクトの扱いや開発優先度の調整って難しいですよね？今回はそんなデザインシステムにまつわる開発優先度と対策の話をしていきたいと思います。デザインシステムは美しくも辛いデザインシステム導入の目的や方法に関して、今では優良なnoteや書籍がたくさんあり私もとても参考にしました。ユーザーの体験・ブランド

エンジニアとデザイナーのコンポーネント品評会

カンムでデザイナーをしている osanai です。バンドルカードやPoolのデザインを担当しております。アプリの改善を長年やっていると、デザインにおける一貫性の欠如が発生しがちです。意味合いは同じなのに画面ごとに色やサイズや異なっていたり、用途は同じなのに類似したデザインパターンが複数存在していたり、古いUIが一部の画面で残されたままになっていたり。このような一貫性の欠如はデザイン負債とも呼ばれ、蓄積するとさまざまな運用コストが発生します。デザインパターンを適用すると