概要

Figmaには日々、バリアブル、Figma AI、アノテーション改善、アスペクト比固定といった多数の新機能が投入されています。私たちは多忙な業務の合間を縫って、その革新的なアップデートをキャッチアップしながらプロダクトやサービス開発に没頭しています。気づけば、Figmaが日本語対応してから間もなく3年―その進化の軌跡は、まさにデザイン現場の“今”を象徴しています。

DIST.50では、デザインの最前線でFigmaを使いこなす現役デザイナーの皆さんにご登壇いただき、実際に業務で使っているFigmaファイルを見せていただきながらお話しいただきます。コンポーネント設計やデザインシステムへの落とし込み方、そしてチームコラボレーションのリアルな舞台裏まで、普段なかなか見ることができない"生のファイル"だからこそ得られる、現場の課題解決プロセスや細かな工夫が満載のセッションになるでしょう。

LTスピーカー募集！

LTスピーカーの募集は終了しました。ご協力ありがとうございました。

• LTスピーカーを希望される方を広く募集します。
  • 時間は5分です。
  • 内容は「実務で使っているFigmaファイル」を使ったものであれば、何でもOKです（単なるサービスや機能紹介ではなく、ご自身なりのFigmaの使いこなしについてお話しください）。
  • LTスピーカーに決定した場合の参加費は無料です。
  • 希望者は事前にお申し出いただければ懇親会にも参加可能です（当日実費をお支払いください）。
• 希望者は「LT希望枠」からお申し込みください。
• お申し込み時のアンケートに連絡先のメールアドレス、タイトル、セッション概要を入力する欄がありますので、必ず入力をお願いします。
• 応募者多数の場合、原則として抽選になります。
  • タイトル、セッション概要の内容が優れていると主催者側が判断した場合、優先的に当選となる場合があります。
  • LT希望枠にお申し込み後、落選して他の枠が埋まっていたとしても、一般参加は可能です。

LT紹介（各5分）

デザインシステム Spindleを利用した開発体験

サイバーエージェント AmebaLIFE事業本部 フロントエンドエンジニア 安田 慎（YASUDA Shin）

AmebaではデザインシステムSpindleを使ってFigma上でデザインをしています。普段あまりお見せすることが少ないですがいい機会なのでvariables／code connect／プラグイン／annotationなどラフに実際のファイルを見ながらLTさせていただければと思います。

FigmaのFigmaファイルから学ぶTips & Tricks

Figma Japan株式会社 デザイナーアドボケイト 谷 拓樹（TANI Hiroki）

FigmaはUI3 LibraryやSimple Design Systemといったファイルをコミュニティに公開しています。これらのファイルを中心に、いくつかのTips & Tricksを紹介します。

セッション紹介（各20分）

単なる絵ではないFigmaデータ作り

株式会社ピクセルグリッド UIデザイナー 小原 司（OBARA Tsukasa）

コンポーネントドリブンで機能が構築され、Webブラウザ上でUIが実行されることを前提とした構造化されたFigmaデータをどのように作成しているか、実際のFigmaデータを見ながら紹介します。

デザインシステム疲れからの再出発：持続可能な運用への実践的アプローチ

株式会社プレイド KARTE プロダクトデザイナー 石垣 純一（ISHIGAKI Junichi）

デザインシステム構築の高揚感から2年。デザイナーたちは充実したFigmaコンポーネントに価値を感じる一方で、ユースケースに合わないコンポーネントを「デタッチ」せざるを得ない状況や、プロダクトに適用しながらデザインシステム自体を改善することの難しさに直面しています。また、期待していたほどプロダクトのUIが統一されていかない現実など、現実的な運用の課題が浮上していました。

本セッションでは、理想と現実のギャップに向き合ってきた経験談を、実際のFigmaライブラリやプロダクト画面をお見せしながらお伝えします。完璧を追求するのではなく、チームが長期的に持続できる運用を見据えた「疲れない」デザインシステム運用の実践的アプローチをご紹介します。

5000以上のポーズ・表情パターンをつくれる！　Figmaでつくるキャラクターデザインシステム

株式会社necco デザイナー 中川 小雪（NAKAGAWA Koyuki）

neccoではAI家計簿アプリ「ワンバンク」の公式キャラクターワンバンのキャラクターデザインをお手伝いしました。本セッションでは、Figmaのコンポーネント機能を活用して、どのようにワンバンの「キャラクターデザインシステム」を構築したのかを、実際のFigmaファイルをお見せしながらご紹介します。

• キャラクターデザインシステムのコンポーネントの構造について（顔・耳・体）
• キャラクターデザインをシステム化するコツ
• 表情やポーズをバリアント機能で登録する方法
• コンポーネントプロパティを活用したステータス管理

Figma上でイラストをシステム化することで、5,000通り以上の組み合わせから自由にキャラクターの表情やポーズを切り替えられるように。複雑な表情やポーズのバリエーションを誰でも扱いやすい設計に落とし込むプロセスを解説します。

参加費

勉強会のみ

1,000円（当日券：1,500円）

• PayPalによる事前決済、または当日支払いで参加費をお支払いください。

勉強会＋懇親会

5,000円

• 勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。
  • 参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。
  • 費用や手間を抑え、より多くの方にご参加いただけることを重視しています。
• PayPalによる事前決済のみとなります。
• 懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。
• 懇親会のみの参加は受け付けていません。
• 懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。
• 懇親会は完全禁煙です。
  • 喫煙時は近隣の喫煙スペースをご利用ください。

事前決済についての注意事項

• 具体的な流れは、PayPalによる事前決済についてをご参考ください。
• 領収書を発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
• キャンセル・払い戻しについては、キャンセルポリシーに従って対応します。

• スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、公式サイトのお問い合わせフォームよりお問い合わせください。

会場

中野セントラルパーク カンファレンス

• JR中野駅 北口改札から徒歩4分

タイムテーブル

※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。

更新履歴

スポンサー

DISTは、以下のスポンサーにご協賛いただいております。

スペシャルスポンサー

ゴールドスポンサー

シルバースポンサー

ブロンズスポンサー

ツールスポンサー

YouTube配信

当日の様子は、開催2ヶ月後を目安にDISTのYouTubeチャンネルで公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。

DISTについて

DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。

主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。

• 職種の垣根を越える
• 特定の技術に依存しない
• 今日から現場で使える

注意事項

• 会場のWi-Fi一般開放はありません。
• 動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。
• 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。