LINEヤフーが実践するデザインシステムとアイコン基盤─その現在地と未来 ｜LINEヤフーDESIGN 公式note
LINEヤフー株式会社では、事業横断で一貫したユーザー体験を提供するためのデザインシステムや、アイコンの一元的な管理・活用を支える社内基盤「LAICON（ライコン）」を構築・運用しています。 本記事では、プロダクトマネージャーの小島さんにLAICON誕生の経緯や運用ノウハウ、現場での活用事例、そして今後の展望を伺い、開発やデザインの現場での「実態」を交えつつLAICONを紹介します。 自社でデザインシステムやアイコン管理基盤の導入・運用を検討している方にとっても、実践的なヒントが得られる内容です。 小島さんのご紹介2015年に旧LINEの子会社であるLINE Business Partners（現在は解散）に入社。入社当初は、LINE@の公式ブログやLINE公式アカウント、SNS運用などを担当するチームに所属。その後、「LINE Pay」のポータルサイトのディレクションや、企業向けブログ、
Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ | CyberAgent Developers Blog
みなさんこんにちは。Amebaデザインシステム「Spindle」テックリードの原 ( @herablog )と AI 活用に詳しい Spindler の柳 ( @pagu0602 ) です。 本記事では2025年5月30日に開催された Spindle SUMMIT 2025 での発表をもとに、AIを活用してデザインシステム開発を劇的に加速させる「Spindle MCP Server」について、その詳細と成果をご紹介します。 さらに、この記事では2025年6月4日に発表された Figma 公式の Dev Mode MCP Server との連携についても触れています。 NOTE: 本記事にはPodcast風のまとめもあります (NotebookLM で作成) 目次 Spindle MCP Server とは Spindle MCP Server の仕組みと実装 Spindle MCP Ser
「Aegisがなければ間に合わなかった」—その一言に込められた、デザインシステム開発秘話｜LegalOn Technologies Designers
こんにちは、すずきちえ です。LegalOn Technologiesでプロダクト開発向けデザインシステム「Aegis（イージス）」開発チームのリーダーをしています。 私たちのデザインシステム「Aegis」は、FigmaのUIコンポーネントと、それに対応するフロントエンド開発用のコードを提供しています。 Aegisは、2024年4月にリリースした「LegalOn: World Leading Legal AI」以降、顧客向けに提供される全てのプロダクトで利用されており、今ではLegalOn Technologiesの開発を支える共通基盤となりました。 なぜAegisは、”作って終わり”にならなかったのか？ 今回はその理由を、Aegisが生まれた背景や、私たちが大切にしているデザイン思想、そしてアンケートで寄せられたデザイナーとエンジニアのリアルな声と共にご紹介します。 必然から生まれたシス
グッドパッチ、デザインシステム「Sparkle Design」を提供開始｜News｜Goodpatch グッドパッチ
顧客体験を起点に企業変革を前進させるデザインカンパニーの株式会社グッドパッチ（本社：東京都渋谷区、代表取締役社長：土屋尚史、証券コード：7351、以下「グッドパッチ」）は、デザイン知見を集約し、プロダクト開発の効率化と品質向上を実現するデザインシステム「Sparkle Design（※1）」を構築し、本日より無償で提供を開始します。 要約 グッドパッチが培った実践知を集約したデザインシステム「Sparkle Design」を無償公開 Sparkle Designは、ソフトウェア開発に必要なUIデザインの開発基盤がすぐ使える形で包括した「デザインシステムのためのデザインシステム」 最短1日でデザイン環境を構築、社内検証の結果、作業時間を約54％削減 デザインと開発の連携を促進し、スムーズなソフトウェア開発環境を支援 背景 生成AIの普及により、非デザイナーでもクリエイティブ制作が手軽に行える
Webスタイルガイド | Science Tokyoデザインシステム
Webスタイルガイドは、本学のWebサイト管理者・運用担当者をはじめ、Webサイトに関わるすべての方が利用することができます。ご利用いただく際は、利用規約の記載事項を遵守し、最新の情報やデータをご利用いただくようお願いいたします。 更新履歴
メルカリ ハロのデザインシステムとFlutter | メルカリエンジニアリング
こんにちは。メルカリ ハロのモバイルチームのEMの@atsumoです。 この記事は、連載：メルカリ ハロ 開発の裏側 – Flutterと支える技術 –の3回目と、 Mercari Advent Calendar 2024 の7日目の記事です。 はじめに メルカリ ハロは2024年3月にリリースされた、Flutterを用いて開発されたアプリケーションです。本記事では、デザインシステムの導入によって実現した開発効率の向上と、その具体的な運用方法について共有いたします。 目次 デザインシステムの概要 メルカリ ハロのデザインシステム Componentのご紹介 FigmaからFlutterへの実装について Componentを使った画面実装 1年経過して見えてきた課題 今後の展望 まとめ それでは、順を追って説明していきます。 デザインシステムの概要 デザインシステムについて触れたいと思います
🍎食べチョクアプリのFlutter化とMaterial Design 3 導入！デザインマスター刷新の舞台裏 🚀 - 食べチョク開発者ブログ
はじめまして。食べチョク（株式会社ビビッドガーデン）のデザイナー千田です。 2024年11月、食べチョクアプリのFlutter化が無事完了しました。この機会に、プロジェクトの背景、進行過程、学びについてお伝えします。 Flutter化の背景 導入前は、アプリ開発をiOSとAndroidそれぞれで行っていたため、開発工数が二重で発生しており、かつ差異が生じていました。そこで、Flutter（複数のプラットフォームに対応したアプリケーションを一つのコードで開発できる）を導入し、根本的な開発工数削減と、これまで以上に新しい取り組みを実現できる状態を目指すこととなりました。 Flutter化前の状態 デザインマスター（Figma） ページによってデータがあったりなかったりの歯抜け状態😞 実装とデザインマスターに差がある（でもしょうがないよね）状態😞 iOS版を基盤に作成されており、Androi
独自のUI/UXデザインシステムを提供。汎用性と即効性を重視し、Serendie®での価値共創を加速させる | STORIES | Serendie セレンディ | 三菱電機
独自のUI/UXデザインシステムを提供。汎用性と即効性を重視し、Serendie®での価値共創を加速させる 飯澤大介氏 Daisuke Iizawa 三菱電機株式会社 DXイノベーションセンター システム連携企画部 次長、博士（学際情報学） 1998年入社。携帯電話、車載機器、産業機器、家電など多岐にわたるUI/UXデザインに従事し、デザイン思考の導入、デザインエンジニアリング、CXやBXといった幅広い領域でプロジェクトをリード。2023年からは現職で社内外の共創や新規事業創出の企画を担当している。 伊藤槙紀氏 Maki Ito 三菱電機株式会社 統合デザイン研究所 産業システムデザイン部 産業HMIDグループ 2018年入社。UI/UXデザイナーとしてエネルギーシステムなどのBtoB向け製品を担当。並行して、社内に蓄積している大量データの可視化を行うデータビジュアライゼーションデザイナー
デザインシステムは「タネ」から育てる。「カナリークラウド」Figmaマスターデータ設計の裏側｜Cocoda
2024年10月にカナリーにジョインしました。デザイナーの寺本裕成です。前職では、株式会社サイバーエージェントにてソーシャルゲームのUIデザイナーを務め、その後ABEMAに異動し「ABEMA FIFA ワールドカップ カタール 2022」や「ABEMA de DAZN」などのメインUIデザイナーとして務めていました。 その経験を活かし、現在はカナリークラウドのUIデザインを担当しています。 不動産市場のDXを行うカナリーでは、不動産ポータルだけでなく、不動産事業者向けにカナリークラウドというSaaSも運営しています。 そんなカナリークラウドで、自分が入社後はじめに取り組んだのが、カナリークラウドのデザインシステムにつながる、Figmaのマスターデータ設計でした。 カナリーが運営する「カナリークラウド」リリースされてから約2年ほどで、すでに多くのお客さまにご利用いただいている急成長プロダクト
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
MTDDC Meetup TOKYO 2024 2024/11/23 株式会社サイバーエージェント 原 一成 (@herablog) https://mtddc2024.mt-tokyo.net/speaker/roomD03.html
明治安田デザインシステム Cuna：デザインの考え方・プロセス・協働をみんなで育成する仕組み。 [対談：前編] 明治安田生命保険相互会社× アクセンチュア｜Session by Accenture Song
明治安田デザインシステム Cuna：デザインの考え方・プロセス・協働をみんなで育成する仕組み。 [対談：前編] 明治安田生命保険相互会社× アクセンチュア はじめにマネジャー アクセンチュア ソング、ビジュアルデザイン担当の佐藤薫です。この記事では、3年前から参画している、明治安田生命保険相互会社（以下明治安田と表記）とのデザインシステム構築プロジェクトについて、その取り組みの流れと成果を紹介します。 デザインシステムの概念は昔から存在していましたが、特に過去10年でGoogle Material Designなどの大企業がシステムを構築・公開し、一般に広がってきました。最近では、日本でもデザインシステム導入の動きが見られるようになっていますが、私たちがこのプロジェクトを始めた当時、日本にはあまり事例がありませんでした。それでも、アクセンチュアには海外の経験者が多く、彼らの知見を取り入れな
![明治安田デザインシステム Cuna：デザインの考え方・プロセス・協働をみんなで育成する仕組み。 [対談：前編] 明治安田生命保険相互会社× アクセンチュア｜Session by Accenture Song](https://cdn-ak-scissors.b.st-hatena.com/image/square/2aeb4739d108c1e5f968df333a544cd7b420df6e/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F160706711%2Frectangle_large_type_2_a7eca357046e7e1879c99b6efe84f55b.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
デザインシステムにおけるコンポーネントライブラリ管理の改善 - enechain Tech Blog
はじめに コンポーネントライブラリ管理の課題 デザインと実装の乖離 見た目における乖離 プロパティの乖離 コンポーネントやバリエーションの増加による管理の負担 ガイドラインの浸透 さいごに はじめに enechainプロダクトデザインデスクの伊藤です。現在、私は複数プロダクトのデザインを行いながら、デザインシステムの改善にも携わっています。 今回は、デザインシステムにおけるコンポーネントライブラリの管理と、その改善についてご紹介します。 コンポーネントライブラリ管理の課題 enechainのデザインシステムではガイドライン作成やダークモード対応などの改善を進めてきました。プロダクトのユースケースとして必要なコンポーネントも徐々に網羅されつつありますが、新たに3つの課題が浮上しました。 デザインと実装の乖離があった 新規コンポーネントやバリエーションの増加に伴い、管理の負担が増した ガイドラ
スタートアップがイラストシステム設計に取り組んだ話｜mmito
株式会社スマートバンク、コミュニケーションデザイナー(以降コムデ)のmmitoです🎨 ここ半年は、弊社サービスB/43の「アプリ内イラストのガイドライン整備」や「人物イラストのシステム化」などを推進していました。 アプリ内イラストのガイドライン人物イラストのシステム化今回のnoteでは、スタートアップの弊社が「イラストを活用する理由」と「アプリ内イラストのガイドライン整備」や「人物イラストのコンポーネント化」に至った経緯を課題ベースで紹介していきます。 スマートバンクがイラストを活用する理由前述の通り、B/43ではイラストを沢山活用しています。 では、何故イラストを使うのか？3つの理由があります。 ①アプリ内の認知サポートのためユーザーは文字を読んでくれません(届かぬ想い)。そのため、文字を読まずともユーザーが目当てのものを迷わず直感的に選べるように、イラストを用います。 ②生活に寄り添
「アフラックデザインシステム」の公開について
2024年9月25日 アフラック生命保険株式会社 アフラック生命保険株式会社（社長：古出 眞敏、以下「アフラック」）は、アフラック中期経営戦略（2022～2024年）の中で掲げる「DX@Aflac」の取り組みとして、すべてのお客様接点において、一貫性を持った体験価値をお客様へ提供し、感動的なユーザー体験を創出することを目指しています。その具体的な取り組みの一つとして、「アフラックデザインシステム」を構築し、その一部であるUIライブラリを公開しましたので、お知らせします。 ■「アフラックデザインシステム」について アフラックデザインシステムは、お客様にご利用いただくウェブサイトから保険代理店の募集人が使用する業務システムまで、あらゆるデジタル接点の開発時に利用するデザインプラットフォームです。これによって、アフラックに関わるすべてのステークホルダーに快適なユーザビリティを提供するだけでなく、
米政府系サイトの常識を変えた「デザインシステム」革命
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI/UXデザインを得意とするWebサイト制作会社｜住信SBIネット銀行 イラストシステム開発｜株式会社ヒカリナ
Serendie Design System
Patterns | APG | WAI | W3C
Welcome
デジタル庁デザインシステムβ版
