Adobe XD ユーザーグループ名古屋 vol.6[オンライン]

イベント概要

https://xdstudy-nagoya.connpass.com/event/229273/

2021年11月24日に開催された、Adobe XD ユーザーグループ名古屋 vol.6[オンライン]にデザインシステムをテーマに出演しました。

当日は50名ほどの参加者さんに聴いていただけたみたいです。ご視聴いただいたみなさまありがとうございました。

イベントダイジェスト

デジタルプロダクトの目的を達成するために首尾一貫したルールで編成された、お互いのに関連付けられたパターンとその実践方法
デザインシステムつくるぞ!ではなく小さくスタート
まずはここからやってみよう
サービスやウェブサイトの目的をいつでも見れるようにしよう
パターンを一箇所に集約して管理する
パターンの使い方とその機能、目的を書いてみよう
パターンや機能の増減は必ずあるので柔軟に小さくはじめよう
チームが複数人なら誰が管理・更新するか決めよう

当日は上記に加えて実際作成してきたものなどをみながら失敗談や気づき、次回からやっていきたいことなどを合わせてお話させていただきました。

私もデザインシステムについてはまだまだなところもあり、今までの経験を振り返ったり、改めて書籍を読んでみたりして勉強になりました。今後はStorybookやSupernovaなどのデザインシステムをFigmaなどと連携して管理していくものを利用したりしていきたいです。

参考書籍&リンク

デザインシステムを作成して実践していくうえでの参考になる事例や考え方などが満載です。ウェブ上に公開されている完成されたデザインシステムをみることも参考になりますが、デザインシステムを作成する前に必要な、デザインの原則についてなど記載があります。デザインシステムに取り組まれる前に一度読まれることをおすすめします。

まとめ

イベント時に何度もお伝えしてしまったのですが、デザインシステムをつくるぞ!!!と意気込んでつくるというよりはまずはパターンライブラリーから、パターンやモジュールの呼び名の統一、フレームなどの命名規則など小さくスタートできることはたくさんあります。

デザインシステムを完成させるというよりはどのようにシステムにして運用・改善していけるかがポイントになるのかなと思います。


📮 お仕事のご依頼やご相談、お待ちしております。

お仕事のご依頼やご相談は、お問い合わせ からお願いいたします。

🤝 一緒に働きませんか?

下記の職種を募集中です。より良いデザイン、言葉、エンジニアリングをチームで追求していける方をお待ちしております。詳細は 採用情報 をご覧ください。

  • フロントエンドエンジニア
  • アシスタントフロントエンドエンジニア

🗒 会社案内資料もご活用ください。

弊社のサービスや制作・活動実績、会社概要、ご契約など各種情報をまとめた資料をご用意しています。会社案内資料 からダウンロード可能ですので、ぜひご活用ください。

株式会社necco ダウンロード資料へのバナー画像

(2025年5月時点)