Adobe XD ユーザーグループ名古屋 vol.6に「デザインシステム」をテーマに出演しました。

イベント概要

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

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

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

イベントダイジェスト

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

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

参考書籍＆リンク

• Design Systems
• Bootstrap5
• TailwindCSS
• Shopify Polaris

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

まとめ

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

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

---

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

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

🤝 一緒に働きませんか？

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

• アシスタントデザイナー
• フロントエンドエンジニア
• アシスタントフロントエンドエンジニア
• エディター・ライター

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

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

（2024年4月時点）