マガジンのカバー画像

デザイン系note集

158
本
運営しているクリエイター
辻井　耀

#デザインシステム

デザインシステムを積み上げた先には何が待っているのか？

こんにちは、SmartHRのプロダクトデザイナーをしているうえんつ（@wentz_design）です。最近は「プロダクトデザイン統括本部/プロダクトデザイン本部/労務プロダクトユニット/ユニット長」という肩書で生きています。 最近本業のことをあまり発信できていなかったので、今回は去年１年間のプロダクトデザイナー視点で組織学習の観点でデザインシステムへの取り組みについて振り返ってみた話と、その中で得た気づきを「デザインシステムを積み上げた先には何が待っているのか？」という切り

wentz

君がひとり目のデザイナーなら今すぐデザインデータをデザインするべきだ

一般的にデザインデータをデザインするタイミングはいつなんだろう？ 2人目のデザイナーが入ってくるタイミング？ぐちゃぐちゃのファイルに我慢の限界がきたエンジニアに声をかけられたタイミング？ もし君がデザインの価値を信じているなら、今すぐデザインデータをデザインしよう。 この記事ではデザイナーがひとり（または少人数）の時からデザインデータのデザインに投資すべき理由とその方法、そしてそこから得られるものについてお話しします。 より具体的な方法に関しては、すでに素晴らしい記事がい

nipper

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

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

Mercari Des…

Figmaのリファクタリングからはじめるデザインシステムの構築

こんにちは、GaudiyデザイナーのTORAJIRO（@jirosh1998）です。 『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。 このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋（mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です！心広すぎ！） デザインシステム本

TORAJIRO

やさしいサービスをすばやく届ける、デザインシステムの取り組み

デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。 デジタル庁発足から1年が経ち、ようやくデザインシステムの基礎が整いつつあります。この夏には、デジタル庁内のいくつかのプロジェクトでデザインシステムの適用が始まりました。 わたしたちの活動をもっとオープンに知ってもらいたい！という想いを込めて、デザインシステムの取り組みの近況をお伝えします。 サービスデザインユニットの

デジタル庁

デザインシステムの目的を考える

デザインシステムの目的とは？ と問われるとあなたはどんな風に答えるでしょうか？ おそらく「ユーザに一貫性のある体験を提供するため」「デザイン資産を再利用できるようにして生産性を上げるため」そんな答えが一般的だと思います。私もそんな感じで捉えていましたし、間違いなくそれらはデザインシステムの効能だと思います。 が、細かいところをよくよく考えると「一貫性とは具体的にどこが一貫していることを指すのか」「一貫性を優先させることによってユーザの不利益になるシーンもあるがそれは本末転

seya

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

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

🐰

クックパッドのデザイン品質を支える Apron Design System の構築

こんにちは、クックパッド株式会社 デザイン戦略部のふじけん(@kenshir0f)です。 デザイン戦略部に異動してからは全社横断のデザイン品質の向上の仕組みづくりを担当していますが、今回はレシピサービス「クックパッド」のデザインシステムの整備で取り組んでいることを紹介したいと思います。 大規模サービスにおけるデザインガイドラインの世代交代クックパッドでは約10年前にクックパッドらしいUIを簡単に実現することができる Sara という CSS ベースのUIフレームワークが生ま

ふじけん / kens…

SmartHRのプロダクトデザインの生産性を高める“デザイン”のためじゃないデザインシステムとは（Schema2022）

こんにちは。 SmartHRでプロダクトデザインをしている@wentz_designです。 本記事は、2022年11月2日に開催された「Schema by Figma 2022 Tokyo」で発表した「“デザイン”のためじゃないデザインシステム」のスライドを元にした内容になります。 早口で話して20分くらいかかる内容になりますので、お時間のある時に読んでみてください。 また、記事に構成する上で文字だけのスライドなど一部を省略していますが、全スライドはFigma Comm

wentz

日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた

海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。 「おいおい、この会社が足りないぜ！」というものがあればコメントで教えていただけると喜びます。 WantedlyAtama plusCyberAgentプロダクトの「色」と向き合う「デザインとエンジニアリング」 | CyberAgent Developers BlogUXエンジニアの谷です。 「クリエイターHangout」はデザイナー数名のグループ

seya

そのデザインシステムは投資対効果をもたらしますか？

2022年現在、ユーザーインタフェースのデザインやその開発について語る上で「デザインシステム」はどのような組織においても話題に上がるトピックではないでしょうか。 かく言う私もデザインシステムに強い関心を持っており、業務にてデザインシステムの構築・維持に取り組んでいる他、過去には私が魅力的だと思うデザインシステムを紹介するブログ記事を執筆しました。 0. デザインシステムの導入における障壁昨今はデザインシステムを構築した事例や構築の方法論の共有も盛んとなっており、その強い話

Kento Norita

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

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

hikaru-taka…

プロダクトのデザイン負債と対峙する君へ 〜2.デザイン編〜

デザインシステムはデザイン負債解消に役立つ！というエピソードをお伝えします。今回、クックパッド・デザイン推進部での活動事例をもとに「デザイン負債」について全3部作にまとめています。第1弾はマネジメント、第2弾はデザイン、第3弾はエンジニアリングの観点からで、この記事はいちはら(@ichinii3)によるデザイン編です。 -------- デザイナーにとってのデザイン負債とは？ まず、デザイナーにとってのデザイン負債とは何なのか？について考えてみます。 1,だんだんルール

いちはら

デザインシステム構築におけるオーナーの重要性

こんにちは。ユーザー体験を最高にする活動をしているチーム、通称 Mantle チームのプロダクトオーナー(PO)をしている sakito です。 Mantle チームでは、ユーザー体験を最高にする活動の 1 つとして kinotne のデザインシステムを作っています。この記事では、デザインシステムを作る上での PO の役割や、PO がいることによる効果を実際の事例と合わせて紹介します。 デザインシステムは成長するものデザインシステムは作って終わりというものではありません。

sakito