BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:#朝までFigma X-WR-CALNAME:#朝までFigma X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:957443@techplay.jp SUMMARY:#朝までFigma DTSTART;TZID=Asia/Tokyo:20241025T210000 DTEND;TZID=Asia/Tokyo:20241026T050000 DTSTAMP:20260424T195556Z CREATED:20240911T060200Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/95744 3?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n本イベント は終了しています。「アーカイブ動画を見たい方」「 スライドをダウンロードしたい方」はSTORESからお求め ください。個人向け（3\,300円）会社で共有（11\,000円） 月額：1\,650円で2023年と2024年以降に開催の71本のアーカ イブが見放題になるサブスクも用意しています。\n\n「 #朝まで」シリーズのFigma版。23組（24名）のFigma使いが 持ち時間10分で朝5時まで代わる代わる話します。\n\n「 当日の視聴は無料」スタイルで開催しますが、アーカ イブチケット購入やサブスク登録でサポートください ますと助かります！\n\n\nアーカイブチケットには、全 セッションの特典が付いてきます。\nアーカイブの視 聴期限はありません（＝ずっと観られます）\n\n\nイベ ント概要\n\nYouTube Liveでライブ配信します。\n\n\n開催日 ：2024年10月25日（金） 21:00 - 29:00\n形式：オンライン（Y ouTube Live）\nMC：谷 拓樹（Figma Japan）鷹野 雅弘（スイッ チ）\n主催：CeeBeeDee\n特別協賛：Figma Japan\n共催：CSS Nite 、DTP Transit\n協賛（制作会社）：ウェブライダー、LINICA 、エンタミナ、コンセント、サービシンク、ビットエ ー、トゥーアール（to-R）、ヘルツ、アップルップル、 CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか\n協賛：文 賢（ブンケン）、KDDIウェブコミュニケーションズ、一 般社団法人ウェブコンサルタント・ウェブアドバイザ ー協会、JILLA（日本イラストレーション協会）\n\n\n制 作\n\n\nロゴ制作：モンブラン\nテーマソング：ロック オン柳田\nMV：KARIGON\n\n\nSUZUIで #朝までFigma グッズを販 売しています。\n\n出演者\n\n（順不同、敬称略）\n\n\n もち／xnodata lab. / NOT DESIGN SCHOOL @makiko_sakamoto\nタグチマ リコ @marimamiac\n鈴木慎吾／つみき @shingo2000\n中川 小雪 ／necco.inc @necco_nakagawa\ntransitkix／KRAFTS&Co. @transitkix\n井斉 花織／SHE @isaikaori\n安藤　雅一 @andodesignjp\nseya @sekikazu01\ nMiyamoto／DeNA @motomiya333\nキャシ @uialchemistjp\nputchom／スマ ートバンク @putchom\n松下 絵梨／ロクナナ @matsu_eri\nけん じ／某ゲーム会社 @kenji_clown5\nもっと／KODANSHAtech @mottox 2\nオロ／フライヤー & 神山まるごと高専 @oronain\nAtarapi @yuiokurasukiyo\n本田 雅人／CyberAgent @Windom40\nken／フリーラ ンス @ken_tbdz\n相原典佳 @noir44_aihara\nすぴかあやか／キ テレツ @spicagraph\n巽 美帆（つまみ）／フリーランス @ts umemii\n河西 紀明／DMM.com @norinity1103\n綿貫 佳祐／Qiita @xrx oxcxox\n國原 萌花／necco @moeka_kunihara\n\n\nお申し込みと参 加費\n\n\n当日の視聴は無料です。\n参加にはお申し込 みが必要です。受け付けは終演時刻まで。\n\n\nフォロ ーアップ（アーカイブ）\n\nスライドなどのフォローア ップ（アーカイブ）は、アーカイブ購入／サブスクの 方限定のコンテンツです。\n\nフォローアップ（アーカ イブ）の購入\n\n次の3つの方法があります。いずれか を選択なさってください。\n\n購入方法個人法人受け取 り備考金額 終演までその後 Doorkeeper （単品）2\,200円- 11\,000円終演時刻にメールを送信（info@doorkeeper.jpから送 信されます）「当日の視聴のみ」のチケットを申し込 まれた方は、いったん、キャンセルして「アーカイブ 視聴付き」のチケットを申し込んでください。STORES（ 単品）2\,200円3\,300円11\,000円購入するとダウンロードで きるテキストファイルに、アーカイブ動画や特典を掲 載予定のページへのリンクがあります（アーカイブ動 画や特典の掲載はイベント終了後）ユーザー登録して から申し込むと、［マイページ］の［購入履歴］から 、後からダウンロードできます。サブスク1\,650円（月 額）詳細［メンバー限定］セクションの［フォローア ップ（アーカイブ）］から本イベントのNotionにアクセ スしてください。法人は別途\n\n配信に関してのあれこ れ\n\n各URLは、YouTubeの概要欄にも掲載しています。\n\n\ nチャットやスタンプ、ツイートなど「参加型」でお楽 しみください！\n「音声のバランスが悪い」など、何 かお困りの場合、コメントなどで教えてください！\n\n \n配信URL\n\nYouTube Liveで配信します。\n\nhttps://youtube.com/l ive/J8vxObq-IA4\n\nX（Twitter）にて同時配信も行っています が、YouTube Liveにてコメントも含めてお楽しみください 。\n\nYouTube関連\n\n\nYouTubeチャットを活用ください！　 スパム回避のため、YouTubeチャンネル登録者のみがコメ ント可能にしていますので、事前にチャンネル登録を お願いします。\nスーパーチャット（スパチャ＝投げ 銭）を利用できます。少額でも大歓迎です！　いただ いた全額を講演者にお渡しします。\n質問がある場合 、YouTubeチャットで冒頭に★または【質問】を付けてコ メントください。すべては拾いきれません。「〜は〜 という意味です」「自分の現場ではこうやっている」 など、視聴される方からのサポート的なコメントを歓 迎します！　一緒に場を作ってくださいますと嬉しい です!! \n\n\nリアクションや質問\n\n\nCommentScreenを使って 、画面上にスタンプを送信できます。スマホだけでな く、PCからも送信可能。ただし、CommentScreenのコメント 機能は使っていません。\nスクショ付きのツイート歓 迎です。ぜひ、ハッシュタグ（-）を付けてください。 ただし、事例の部分などでNGマークがついている箇所 、講演者からNGの指示のある箇所はご遠慮ください。\n 終了後、ぜひアンケートにお答えください！　「フィ ードバックはギフト」。話してくださった方の成長の 材料になり、また、イベントの改善につながります。\ n\n\nレベル感\n\n本イベントは、23のセッションで構成 します。\n\n\nレベル感や方向性はそれぞれで、体系だ った順番にはなっていません。\nMECEにはなっていませ ん。\n\n\nその他\n\n\n「UDトーク」にて文字情報を提供 しますので、別のブラウザーなどでご覧ください。タ イムラグや精度についてはご容赦ください。\nサンプ ルファイルや配布資料、アーカイブ動画のURLをSNSなど で再配布するのは禁止です。\n開演の30分前くらい前か らテスト配信をスタートします。音声などが聞こえる かチェックなさってください。\nスマホやタブレット で視聴される方もいると思いますが、PCでの視聴を前 提としています。なるべくPCでご覧ください！\nご覧い ただく回線状況によっては、YouTubeの動画が止まってし まったり、音声が途切れてしまうことがあります。そ の場合には、ブラウザーを再読み込みしたり、OSを再 起動してみてください。\n\n\n配信準備は念入りに行っ ていますが、本番になると予期せぬトラブルが生じる のがライブ配信です。それも含めて楽しんでください 。\n\n領収書\n\nインボイス対応の領収書が必要な方は 、アーカイブ購入者向けのNotionからPDFをダウンロード してご利用ください。\n\n\n「アーカイブ視聴（会社と して申し込み、社内で共有）」のチケットを購入いた だいている場合のみ、個別対応いたします。\n\n\n所轄 税務署、インボイス制度電話相談センターなどに相談 し、次のようにすることにしました。\n\n\nインボイス 対応の領収書発行について\n\n\nオンライン椅子ヨガ\n\n 本イベントはコモモ先生 @komomoaichi のオンライン椅子 ヨガ付きです！\n\n\n開演前\n休憩時間（適宜）\n\n\n一 緒に「ちょっとメンテ」しましょう。\nhttps://chotto-maint .com/online-yoga\n\n\n\nアンケート回答について\n\n\n1時間ご と3組を「グループ」とし、AからHのグループに分けて います。\nグループごとに8つのアンケートがあります 。それとは別にイベント全体の「最終アンケート」が あります。\nセッションごとに、スライドPDFやサンプ ルファイルなどの特典を用意しています。グループご とに特典をまとめたNotionを準備しています。\n「8つの アンケート」に答えると、それぞれの特典ページ（Noti on）にアクセスできるようになります。つまり、特典 ページも8つあります。\n「8つのアンケート」は、それ ぞれ回答時間が限られています。その時間に起きてい ないと回答できません。\nアーカイブチケットを購入 された方は、後日、すべての特典ページにアクセスで きます。\n\n\nアンケートで強制アウトプットすること で定着につながると思いますので、がんばってくださ い！ 「フィードバックはギフト」 → 登壇者の励みに もなります。\n\nグループアンケートURLアンケート回答 開始アンケート回答締め切りグループAhttps://tally.so/r/mZ R8NB21:0023:00グループBhttps://tally.so/r/mBbaGK22:0024:00グルー プChttps://tally.so/r/wkRlYe23:0025:00グループDhttps://tally.so/r/wv xMND24:0026:00グループEhttps://tally.so/r/nWp2Nv25:0027:00グルー プFhttps://tally.so/r/wAbzlz26:0028:00グループGhttps://tally.so/r/mK BzMV27:0029:00グループHhttps://tally.so/r/wLM9dp28:0030:00\n\nスラ イドや特典は、次のタイミングでお渡しします。\n\n スライドやサンプルファイルなどセッションごとの「 特典」アーカイブ動画アーカイブチケット購入者終了 時刻開催の翌日サブスク登録者開演直前（当日）アン ケート回答者回答いただいた対象グループのみ×\n\nタ イムテーブル\n\n\n 1時間ごと3組を「グループ」とし、A からHのグループに分けています。\n状況によって多少 前後することがあります。\n\n\nグループ時間帯セッシ ョン番号セッションタイトル出演者A21:00↓22:00A1-1Figma でスマホのカレンダー壁紙をつくってみよう！もちA2-2 チームビルディングを加速する！FigJamを活用した共創 デザインワーク術タグチマリコB22:00↓23:00B1-3FigmaとLotti elabで手軽に作成するUIアニメーション鈴木慎吾B2-4Figma でのデザイン作業を効率化するnecco流整理術5選中川 小 雪、國原 萌花B3-5Figmaで進めるドキュメントデザインtra nsitkixC23:00↓24:00C1-6ブログカード作成で学ぶ！Figmaのマ スト機能オートレイアウト習得術安藤　雅一C2-7保守性 と拡張性を両立させるFigmaデザインデータ設計術井斉 花織C3-8自作Figmaプラグインで日々のデザイン作業をラ クにしようseyaD24:00↓25:00D1-9模写から始めるFigmaの使い 方MiyamotoD2-10Figmaマスターへの道！効率UPテクニック集 キャシD3-11エンジニアに伝わる実装しやすいモックア ップのつくりかたputchomE25:00↓26:00E1-12FigmaからStudioへ！ ノーコードサイト制作のワークフロー松下 絵梨E2-13Figm a AIを活用した効率的な自動化テクニックけんじE3-14コ ードで操作するFigmaのデザインデータもっとF26:00↓27:00 F1-15ユーザー理解を深めるためのトランジション制作 のキホンオロF2-16Figma Variablesを活用した日本語キーボ ードのプロトタイピングAtarapiF3-17デザインシステムの 実例から見るFigma Component設計の流儀本田 雅人G27:00↓28: 00G1-18実践ですぐ使える！デザインシステム構築の活用 術kenG2-19「Stockpile UI」で学ぶ！スタイル、バリアブル 、コンポーネント、バリアント活用術相原典佳G3-20ベ ジェ好きにこそ使ってほしい！Figmaのシェイプ・ペン ツールすぴかあやかH28:00↓29:00H1-21麻雀で覚える！オー トレイアウト・コンポーネント・バリアント巽 美帆（ つまみ）H2-22FigJamではじめるミニマムハッカソン河西 紀明H3-23設計から実装まで Figmaを軸にした堅牢な制作 フロー綿貫 佳祐\n\n\n\n\n PDF版をダウンロード\n\n\n\n\n\nP DF版をダウンロード\n\n\n\n\n\nPDF版をダウンロード\n\n\n 協力企業のご紹介\n\n本イベントには、下記の企業の協 賛、協力をいただいています。\n\n\n文賢（ブンケン） ～文章をより良くするための推敲・校閲・校正支援ツ ール\nKDDIウェブコミュニケーションズ レンタルサーバ ー「CPI」、簡単ホームページ作成「ジンドゥー」など 提供\n一般社団法人ウェブコンサルタント・ウェブア ドバイザー協会 戦略を立て、ターゲットとするお客様 に明確に伝え、選ばれ、成果を出すための教育を提供\ nJILLA（日本イラストレーション協会）　文芸美術国保 への加入や交流会などメリットいっぱい\nWEBSTAFF　あな たの“強み”をとことん見つける　IT・Web好きの転職 エージェント\n\n\n\n\nまた、多くの制作会社に協賛いた だいています。\n\n\nウェブライダー\nLINICA\nエンタミナ \nコンセント\nサービシンク\nビットエー\nトゥーアー ル（to-R）\nヘルツ\nアップルップル\nCODE54\nHAMWORKS\nS-FACT ORY\nnecco\nFLAT\nましじめ\nグローバルデザイン\nエイチツ ーオー・スペース\nGear8\nマジカルリミックス\nONiWA\nさ きがけデジタル\nr360studio\n\n\n\n\n通年で協賛を募集して います。検討くださいますと幸いです。\n\nお問い合わ せ\n\n問い合わせはDoorkeeperのフォームからお送りくだ さい。\n\nセッション情報\n\n【A1-1】Figmaでスマホのカ レンダー壁紙をつくってみよう！\n\nFigmaでカレンダー 壁紙をつくってみましょう。オートレイアウトで汎用 的なカレンダーを組み、好きな写真やイラスト、プラ グインを使って世界に１つだけのオリジナルカレンダ ー壁紙をつくります。自分のスマホの壁紙に設定した り、Xで配布するのもOK。カレンダーのデータは配布す るので、みんなも自分だけのカレンダー壁紙をつくっ てみてね！\n\n\n\n特典（アーカイブチケット or アンケ ート回答）デモで使用したFigmaファイル\n\nもち 株式会 社xnodata lab. / NOT DESIGN SCHOOLAI系BtoB SaaSのスタートアップ CDO。UIデザインを中心に社内の全クリエイティブを担 当。IT業界でのデザイナー歴は10年以上。2023年7月にFigm aの本を出版。2023年末にオンラインデザインスクールNO T DESIGN SCHOOLを創設。𝕏（Twitter）：@makiko_sakamoto\n\n【A2- 2】チームビルディングを加速する！FigJamを活用した共 創デザインワーク術\n\n当セッションでは、チームミー ティング、アイスブレイク、要件定義、振り返り、デ ザイン批評、さまざまなワークショップに使えるFigJam の「もっとチームでジャムる」活用アイデアをご紹介 します。なんとなくFigJamを使っていたディレクターさ ん・デザイナーさんはもちろん、職種問わず、チーム を巻き込んでお仕事している方はぜひ、一緒にジャム りましょう！\n\n\n\n特典（アーカイブチケット or アン ケート回答）デモで使用したFigJamファイル\n\nタグチマ リコ 1994年東京都生まれ。HCD-Net認定 人間中心設計専門 家 UXデザイナー。高校在学中にデザイナーとして活動 をはじめ、複数の制作会社・開発会社にて、広告・Web ・アプリケーション開発のプレイヤーからマネージャ ー・経営層まで幅広く経験。フリーのUXデザイナーと なった現在は、人間中心設計（HCD）を起点としたサー ビスのグロース支援、ブランドデザイン、人材育成、 クリエイター向けオンラインコミュニティの「クリエ イターズ・シナジーカフェ」の運営に携わる。表層デ ザインから哲学まで、多角的にデザイン行為の在野研 究をつづけている。𝕏（Twitter）：@marimamiac\n\n【B1-3】F igmaとLottielabで手軽に作成するUIアニメーション\n\nWebや アプリのUIに上手に動きを取り入れると、ユーザーの 理解を助けたり、感情に働きかけることができます。 このセッションでは、FigmaとLottielabを使用して、Webや アプリに手軽にアニメーションを取り入れる方法を説 明します。Lottielabはブラウザからタイムラインアニメ ーションを作成できるツールで、Lottie形式のアニメー ション書き出しに対応しています。Figmaプラグインを 通じてFigmaで作成したデザインリソースをLottielabに読 み込み、ループアニメーションを作成します。\n\n\n\n 特典（アーカイブチケット or アンケート回答）デモで 使用したFigmaファイル\n\n鈴木慎吾 すずき・しんご株 式会社つみきUIデザイナー・インタラクションデザイ ナー1980年生まれ 神奈川県藤沢市在住2003年ごろからWeb 制作会社でデザイナー、Flasher、iOSエンジニアを経験し 、現在は映画レビューサービスFilmarksのデザイナー兼 プロジェクトマネージャー。デザインとエンジニアリ ングの中間領域、デザインとビジネスの中間領域に関 わる制作や課題解決に取り組むことに関心があります 。𝕏（Twitter）：@shingo2000\n\n【B2-4】Figmaでのデザイン 作業を効率化するnecco流整理術5選\n\nneccoでは、プロジ ェクトを円滑に進めるためにFigmaファイルのテンプレ ートを作成しています。最新デザインがどれか分から ない、デザインがFIXしたかどうか不明…という悩みを 抱えている方に向けてFigmaのデータ整理術について5つ 紹介します。1. ファイルの中身が判別しやすいサムネ イル設定2. 素材、参考調査、デザインを整理しやすい ページ構造3. 作業を始める時に迷わない目次ページ4. 一目でステータスがわかるラベル作成5. アーカイブフ ァイルで不要なデータを一元管理アンケートをご回答 いただいた方には、本セッション用のFigmaファイルと スライドをお持ち帰りいただけます。デザイナーに限 らず、プロジェクトに関わるディレクター・エディタ ー・エンジニアのみなさん必見です！\n\n\n\n特典（ア ーカイブチケット or アンケート回答）5つの整理術を 記載したFigmaファイルセッションのスライド（PDF)\n\n中 川 小雪 なかがわ・こゆきnecco.inc神奈川県出身。中央 大学で社会学を学び、2020年4月にneccoに入社。デザイナ ー / UIデザイナーとして、ウェブサイト・UIデザインを 中心に担当している。2022年に「これからはじめるFigma Web UIデザイン入門」を共著で執筆。𝕏（Twitter）：@necc o_nakagawa\n\n國原 萌花 くにはら・もえかnecco.inc東京都 生まれ。6歳よりクラシックバレエを14年間習う。大学 ではコミュニケーション学を専攻。ライターや広報、 プランナーなど全6種8社のインターンや会社の立ち上 げメンバーとして活動しつつ、レストランのホールや バレエの幼児クラス教師としてアルバイトに取り組む 。その後、2024年2月よりneccoでアシスタントディレクタ ーとしてアルバイトを始める。同年4月より正社員とし て入社。2代目阿部さんになるべく修行中。犬（特にト イプードル）、さっぱりとしたアイス、サラダ、梅干 し、サウナが好き。𝕏（Twitter）：@moeka_kunihara\n\n【B3-5 】Figmaで進めるドキュメントデザイン\n\nデザインガイ ドライン、ポートフォリオ、プロジェクト資料、登壇 資料など、さまざまなドキュメントをFigmaでデザイン してみませんか？このセッションでは、Figmaで資料を 作成するメリット、デザインスタジオ・KRAFTS&Co.(クラ フツアンドコー)での実際の活用事例をお見せした後、 その場で実際にFigmaを活用して自己紹介を作成します 。さらに上級編として、Figma Communityで無料配布してい る「わぶんスライド」を活用しVariableを活用したスラ イドデザインのカスタマイズ方法を実演します。\n\n\n\ n特典（アーカイブチケット or アンケート回答）実演 デモのデータ\n\ntransitkix（倉光） とらんじっときっく すKRAFTS&Co.カプコンやクックパッドを経て、2022年にあ そびと余白をつくるデザインスタジオKRAFTS&Co.を設立。 生活者向けデジタルサービスを中心に、コンセプトデ ザイン・しくみづくり・デザイン組織構築に伴走する 。主な仕事は「くふうカンパニー」「カラリア」「い こーよ」ブランディングデザイン、「B/43」ジュニアカ ードのコミュニケーションデザイン、スパイスビネガ ードリンク「RINDA」商品企画など。Designship Doデザイン マネジメントコース講師。人間中心設計専門家(2015-2020 )。𝕏（Twitter）：@transitkix\n\n【C1-6】ブログカード作成 で学ぶ！Figmaのマスト機能オートレイアウト習得術\n\n オートレイアウト初心者向けの基礎講座。基本機能を 簡潔な5つのルールで学びます。さらにライブデモで一 緒にブログカードを作りオートレイアウトの理解を深 めます。オートレイアウトに困っている方、Figmaを使 い始めた方、Figmaが好きな方一緒に楽しくセッション しましょう！\n\n\n\n特典（アーカイブチケット or アン ケート回答）デモで使用したFigmaファイル\n\n安藤　雅 一 あんどう・まさかずデザイン28年目ブランドデザイ ナー。事業成長と集客目線のビジネスデザイン、コン セプト設計、体験設計とデザイン全般。デザイン業界 に長く関わり「モノとコトと場」の繋がりや関係をい い感じにしたい。ブランドマネージャー認定協会所属 、Friends of Figma Chiba リーダー、デジタル推進委員。note 𝕏（Twitter）：@andodesignjp\n\n【C2-7】保守性と拡張性を 両立させるFigmaデザインデータ設計術\n\nアイデアの発 散と収束を繰り返すデザイン制作過程においては、な るべく多種多様な変更に耐えうる柔軟なデザインデー タの設計を目指していけると嬉しいですよね。このセ ッションでは、ComponentやText、Sectionなど、Figmaを代表す る機能のちょっと細かな特徴を確認しながら、より保 守性や拡張性が担保されたデータ作りを探っていきま す。すでにFigmaをバリバリ活用しているデザイナーさ んはもちろん、プロダクトデザインの考え方に興味を お持ちの方もぜひご参加ください。\n\n\n\n特典（アー カイブチケット or アンケート回答）デモで使用したFig maファイル\n\n井斉花織 いさい・かおりSHE株式会社1995 年生まれ、大阪府在中のプロダクトデザイナー。愛称 はいおり。Webサイト制作会社にてデザイナーとしての キャリアをスタート。2023年よりSHE株式会社にてプロダ クトデザインに従事。Adobe XDユーザーグループを中心 とした活動を経て、現在はFigmaを使ったデザインシス テム構築やプロジェクト推進に携わる。Adobe MAX Japan 202 3 UI/UXショートセッション登壇。𝕏（Twitter）：@isaikaori \n\n【C3-8】自作Figmaプラグインで日々のデザイン作業を ラクにしよう\n\nプラグインはFigmaをプラグラミングを 通じて操作させてくれる頼もしいツールです。ですが 、自分にぴったりなプラグインが見つからないことも あると思います、そんな時は自作をしてみてはいかが でしょうか？本セッションではプラグインの開発の始 め方をガイドしていきます。プログラミングと聞くと 難しく感じるかもしれませんが、昨今はChatGPTなどの力 も借りるとそれなりに動くものも作れるのでぜひトラ イしてみましょう！\n\n\n\n特典（アーカイブチケット o r アンケート回答）デモで使用したFigmaファイル\n\nseya せや株式会社Gaudiy株式会社GaudiyFigma 好きなフロントエ ンドエンジニア。デザインとエンジニアリングのコラ ボレーションの探求に心を燃やしている。猫が好き。F igma𝕏（Twitter）：@sekikazu01\n\n【D1-9】模写から始めるFig maの使い方\n\nFigmaはアプリUIやウェブデザインで多用さ れているツールですが、少し変わったFigmaの使い方を 紹介します。デザインツールを覚える動機や手法は様 々ありますが、今回はFigmaで模写しながらよく使う機 能やショートカットの使い方を学ぶセッションになり ます。デザインの模写から始め、Figmaの基本的な機能 やプラグインを使いながらデザインを再現し、それを 基に高度なプロトタイプを制作するまでの工程をお見 せします。\n\n\n\n特典（アーカイブチケット or アンケ ート回答）プロトタイプURL\n\nMiyamoto みやもと株式会 社ディー・エヌ・エー制作会社、デジタルエージェン シーにて大手企業の広告や美術館のコーポレートサイ トリニューアルを経験。その後2016年から現職。ヘルス ケア事業のサービス体験設計からアートディレクショ ン、デザイナーのマネージメントなどに従事。デザイ ンを通じて包括的な課題解決を得意とする。2024年クリ エイティブユニットIE3を発足。𝕏（Twitter）：@motomiya33 3\n\n【D2-10】Figmaマスターへの道！効率UPテクニック集\n \n当セッションではFigmaを使ったデザイン作業の効率を 大幅に向上させる秘訣を公開します。役に立つショー トカットキーを中心にすぐに実践できるテクニックを 豊富にご紹介。特にFigma初心者の方、デザイン作業の 生産性を飛躍的に高めたい方必見です。プロのデザイ ナーがデモを交えながら楽しく解説するので、ぜひ一 緒に手を動かしながらご覧ください。今すぐ使える実 践的なスキルが満載なので、明日から作業時間が半減 するかも！？　Figmaでのデザインワークをより効率的 に、より創造的にしたい方は、ぜひご参加ください。\ n\n\n\n特典（アーカイブチケット or アンケート回答） デモで使用したFigmaファイル\n\nキャシ 福岡生まれ世界 育ち。ロンドン拠点のフリーランスプロダクトデザイ ナー。Friends of Figma Londonリーダーとして、Figmaの魅力を 発信する勉強会やセミナーで多数登壇。現在は株式会 社カケハシにてアプリUX/UI設計に従事しつつ、Notionテ ンプレート販売や日本人デザイナーのグローバル進出 支援に注力。メンター業やCV＆ポートフォリオレビュ ーを通じて、デザイナーのキャリア発展をサポート。8 つの時間帯をまたぐフルリモートワークの経験を活か し、PM・エンジニアとの協働でデザインを作り上げる スタイルが得意。趣味はイタリアでのワーケーション 。𝕏（Twitter）：@uialchemistjp\n\n【D3-11】エンジニアに伝 わる実装しやすいモックアップのつくりかた\n\n私がは たらく株式会社スマートバンクで「わかりやすい！」 とエンジニアに評判のモックアップの作り方をご紹介 。1. よくあるモックアップの問題点の共有2. Section機能 で画面単位の場合分けを表現する方法の解説3. Connector Line機能で画面遷移を表現する方法の解説「作ったモッ クアップがなぜかエンジニアにうまく伝わらない...」 という方はぜひご参加ください。\n\n\n\n特典（アーカ イブチケット or アンケート回答）当日のスライド\n\npu tchom ぷっちょむ株式会社スマートバンクGMOペパボ株式 会社でSUZURIのデザインリード及び共通基盤デザインシ ステムInhouseの設計を担当し、2022年のFigmaのグローバル カンファレンスConfigにて「One Design System for Multiple Brands 」を発表。現在は株式会社スマートバンクにて家計簿 プリカB/43のプロダクトデザイン及びデザインシステム の設計を行っています。著書『デザイントークンのつ くりかた』販売中。𝕏（Twitter）：@putchom\n\n【E1-12】Fig maからStudioへ！ノーコードサイト制作のワークフロー\n \nFigmaで作成したデザインをプラグイン「Figma to STUDIO」 を使用してStudioに取り込み、ノーコードでウェブサイ トを構築するためのシンプルなワークフローをご紹介 します。レイアウトを崩さないコツや、レスポンシブ 化のポイントを、デモを中心にお伝えします。デザイ ンからサイト公開までをコーディングを行わずに進め る方法を知りたい方は、ぜひご参加ください。\n\n\n\n 特典（アーカイブチケット or アンケート回答）デモで 使用したFigmaファイル\n\n松下 絵梨 まつした・えり株 式会社ロクナナ大阪出身大阪在住のWeb/UIデザイナー。 東京理科大学理工学部卒業。2010年よりフリーランスと して独立し、DTP/Web/アプリデザイン、ディレクション を行なっている。講師業や、「Friends of Figma Osaka」、「 CSS Nite in Osaka」、「ツキアカリMeet-up」の運営、セミナ ー登壇・企業研修にも力を入れている。 『Adobe XDでは じめるWebデザイン＆プロトタイピング 一歩先行く現場 のスキル』の著者。2023年から株式会社ロクナナ所属。 Friends of Figma Osaka Leader ｜Adobe Community Expert｜LottieFiles Eva ngelist｜Phase Japanese PartnerまつえりデザインTips𝕏（Twitte r）：@matsu_eri\n\n【E2-13】Figma AIを活用した効率的な自動 化テクニック\n\n直近のアップデートにより、Figmaにも ついにAIが導入されました。Figma AIには、デザインのド ラフトを作ったり、画像生成やテキストのリライトな ど様々な機能があります。本セッションでは、Figma AI の特に有用だと感じた機能を使って面倒な作業を自動 化し、効率的にデザインやプロトタイピングを行うヒ ントをご紹介します。\n\n\n\n特典（アーカイブチケッ ト or アンケート回答）デモで使用したFigmaファイル\n\n けんじ 某ゲーム会社1976年生まれ。学生時代は、高専 機械科でロボットコンテスト（高専ロボコン）に出た 経験あり。卒業後は地元鳥取県のIT企業勤務から、Web 業界に憧れて上京。Web制作会社を経て、ゲーム好きが 高じて、2006年に某ゲーム会社にWebデザイナーとして入 社。現在はUXデザイナーとして、デザイン、プロトタ イピング、フロントエンド等、幅広く活動しつつ、趣 味で気になったツールや技術について発信している。 ブログ𝕏（Twitter）：@kenji_clown5\n\n【E3-14】コードで操 作するFigmaのデザインデータ\n\nFigmaのデザインデータ をコードで操作する方法をお伝えします。CSVといった データをデザインデータに反映する方法や、ランダム 性を持ったグラフィックを作成する方法を紹介します 。おみやげとして、コードのスニペットを配布する予 定です。\n\n\n\n特典（アーカイブチケット or アンケー ト回答）コードのスニペット集\n\nもっと KODANSHAtech 合 同会社ソフトウェアのUIデザインとエンジニアリング に取り組み、両方のスキルを活かした取り組みが得意 としている。技術的な視点を入れた提案やプロトタイ プの制作を多く行っている。『Japanese Font Mixer』『Simple Markdown Note』といったFigmaプラグイン・ウィジェットを 開発。𝕏（Twitter）：@mottox2\n\n【F1-15】ユーザー理解を 深めるためのトランジション制作のキホン\n\nユーザー が迷わずに使えるUIを作るには、トランジションやイ ージングの工夫が大事！本セッションでは、AppleやGoogl eのガイドラインを参考に、自然なアニメーションを使 って心地よい体験をデザインするコツをお伝えします 。Figmaのプロトタイプ機能を活用した具体的な設定方 法も紹介しているので、UIデザイナーだけでなく、Web デザイナーの方にもおすすめです。気軽に取り入れて 、もっとわかりやすいUIを目指しましょう！\n\n\n\n特典 （アーカイブチケット or アンケート回答）Figmaデータ\ n\nオロ 株式会社フライヤー & 神山まるごと高専デジタ ルプロダクトデザイナーとして、Webサイトやモバイル アプリを含むサービス全体のUX設計とUIデザインを行う 。また徳島の神山まるごと高専デザイン・エンジニア リング学科で准教授として教壇に立つ。Web制作会社と フリーランスを経て、2017年7月にC Channel株式会社入社 。2021年5月より株式会社フライヤーにデジタルプロダ クトデザイナーとしてジョイン。大阪成蹊大学芸術学 部卒、朗文堂・新宿私塾第27期修了、Xデザイン学校2021 年マスターコース卒、グロービス経営大学院在学中。 著書に『現場のプロがわかりやすく教えるUI/UXデザイ ナー養成講座』（秀和システム/2023）𝕏（Twitter）：@or onain\n\n【F2-16】Figma Variablesを活用した日本語キーボー ドのプロトタイピング\n\nFigmaで日本語キーボードを作 成し、Variables機能をうまく活用して実際に文字を入力 、それをデザインに反映させるプロトタイピングまで 挑戦してみましょう！高度なプロトタイピングですが 、デモをする際に日本語キーボードが使用できること で、表現の幅が広がります！少し難易度の高いVariables 機能を学びながら、今後のデモで役立つキーボードの 作り方をご紹介します。Variablesやプロトタイプ機能を 学びたいという方はぜひご参加ください！\n\n\n\n特典 （アーカイブチケット or アンケート回答）デモで使用 したFigmaファイル\n\nAtarapi あたらぴ2000年生まれ。コン ピュータサイエンス専攻の現役の大学院生で普段はヒ ューマンコンピュータインタラクション分野の研究を 行なっている。学外では、デジタルプロダクトデザイ ナーとして、数社のスタートアップで開発に取り組ん でいる。その他にも、Design Homiesという若手向けのデザ インコミュニティを運営している。𝕏（Twitter）：@yuio kurasukiyo\n\n【F3-17】デザインシステムの実例から見るFig ma Component設計の流儀\n\n株式会社CyberAgentのブログサー ビス「Ameba」のデザインシステム「Spindle」の作者が、 実際のSpindle UIのComponentライブラリを見ながら利便性上 げの流儀について解説します。快適で一貫性のある開 発体験を体現するために、Figmaの新機能を取り入れつ つ4年間アップデートを続けてきました。実際に実務活 用できているサンプルなので、Spindle UIの創意工夫を是 非御覧頂きつつ、いいなと思った部分は是非取り入れ て頂ければ幸いです。\n\n\n\n特典（アーカイブチケッ ト or アンケート回答）当日のスライド\n\n本田 雅人 ほんだ・まさと株式会社CyberAgent早稲田大学文学部卒。 2017年に株式会社CyberAgentにUIデザイナーとして新卒入社 。複数サービスの運用を経て、現在はAmebaのプロダク トデザインリードを担当。プロダクト戦略とブランド 戦略の設計や、新規サービスの立ち上げに携わる。2019 年頃からAmebaデザインシステム「Spindle」をメンバーと 立ち上げており、UIライブラリ設計のリードと作成を 担った。「Spindle」で2023年にグッドデザイン賞を受賞 。Amebaの事業に携わる傍ら、CyberAgentの各種サービスの デザインシステム立ち上げや運用のアドバイザーとし ても活動中であり、その他デザインシステムやFigma関 連知見の外部発信も行っている。𝕏（Twitter）：@Windom4 0\n\n【G1-18】実践ですぐ使える！デザインシステム構築 の活用術\n\nFigmaでデザインシステムを構築する上で使 えるちょっとしたTipsや活用術を紹介します！デザイン システム、気づいたらデータが膨大になったり、コン ポーネントの構成が統一感なくなったりしがちですよ ね。ひとりデザイナーからチーム運用まで、少しでも タメになる内容になるかと思います。ご参加お待ちし ております！\n\n\n\nken フリーランス1990年イギリス生ま れ、日本育ち。外資系広告代理店、スタートアップの クリエイティブ担当を経て2020年よりフリーランスUI/UX デザイナーとして独立。過去に短期集中でデザインを0 から学ぶ #Figam合宿 運営。現在はオンラインスクール 「デイトラ」でWebデザインコースメンターを務めなが ら、Xを中心にFigmaやデザインのTipsを投稿しています。 2020年より東京を離れ拠点を持たない生活をスタート、 2022年よりパートナーと南米でバンライフ旅をしながら ノマドデザイナーを続けています（現在は7カ国目、ペ ルー）𝕏（Twitter）：@ken_tbdz\n\n【G2-19】「Stockpile UI」 で学ぶ！スタイル、バリアブル、コンポーネント、バ リアント活用術\n\nUIデザイン初心者さんにとって、「 どうやってUIデザインを勉強したらいいのかわからな い！」といった悩みがあります。そんな方に向けた「 学習しやすい」UI Kitとして作成したものが「Stockpile UI 」です。Stockpile UIは、相原の共著書である、UIデザイ ン初学者〜中級者向けの書籍『Figmaで作るUIデザインア イデア集』のためのUI Kitです。本セッションでは、実 際のファイルをさわりながら、Stockpile UIに含まれるス タイル、バリアブル、コンポーネント、バリアントを 紹介します！\n\n\n\n特典（アーカイブチケット or アン ケート回答）デモで使用したFigmaファイル\n\n相原典佳 あいはら・のりよしDTP、Webアシスタントディレクター 業務を経たのち、2010年にフリーランスとして独立。デ ィレクションからデザイン、構築まで、一貫したWebサ イト制作を提供している。現場での経験や知識を元に 、デジタルハリウッド、ロクナナワークショップ、Scho oなどで講師・授業を担当するほか、「Web初心者を抜け た人たち」向けコミュニティ、Beans Collegeの運営を行っ ている。共著書として『Figmaで作るUIデザインアイデア 集 サンプルで学ぶ35のパターン』（インプレス刊）、 『初心者からちゃんとしたプロになる Figma基礎入門』 （MdN刊）などがある。𝕏（Twitter）：@noir44_aihara\n\n【G3 -20】ベジェ好きにこそ使ってほしい！Figmaのシェイプ ・ペンツール\n\nアイコンなどのベクターグラフィック を作るとき、つい慣れたIllustratorで…となりがちです が、Figmaのシェイプ・ペンツールもとても優秀です。 シェイプツールやペンツールの基本機能から、Figma独 自の「ベクターネットワーク」などを使って、アイコ ンなどのベクターグラフィックを作る・編集する方法 を紹介します。\n\n\n\n特典（アーカイブチケット or ア ンケート回答）実演に使用したFigmaのデータ\n\nすぴか あやか 株式会社キテレツウェブデザイナー、イラスト レーター。制作会社でのアルバイトや社員を経て、2006 年からフリーランスとして活動、2017年から株式会社キ テレツに加入。最近ではDTPデザイン・イラストレーシ ョンも手がける。イラストを取り入れたデザイン・ロ ゴやLPデザインなどを得意としている。𝕏（Twitter）： @spicagraph\n\n【H1-21】麻雀で覚える！オートレイアウト ・コンポーネント・バリアント\n\nFigmaの基本機能であ る「コンポーネント」・「バリアント」・「オートレ イアウト」を、ゲームアプリやMリーグなどのプロスポ ーツとしても人気の高まっている麻雀を使ってたのし く覚えましょう。Figmaと麻雀、どちらもわからない初 心者さんでも大丈夫◎ Figmaの基礎と合わせて麻雀のル ールにも触れてみることのできる一石二鳥のセッショ ンです！\n\n\n\n特典（アーカイブチケット or アンケー ト回答）Figma麻雀牌データ何切る問題ベース\n\n巽 美帆 （つまみ） たつみ・みほ（つまみ）フリーランスフ ァッション業界出身のフリーランスデザイナー兼ディ レクター。 新卒入社をした600人規模のアパレル商社で は2年目で個人賞を授与し、ご褒美でミラノへ。 当時 自身が顧客・ファンでもあったブランドへ転職し、チ ーフデザイナー・取締役員を務めたのちに独立。 フリ ーランスとしてスタートアップ企業や新規事業に複数 参画し、ボードメンバーや社外取締役を務めるなどを 経て、今年2024年、都内に「制作事務所 兼 まぁじゃん 店」をOPENします！麻雀店クラウドファンディング𝕏 （Twitter）：@tsumemii\n\n【H2-22】FigJamではじめるミニマム ハッカソン\n\nFigJamの基本的な機能やUXフレームワーク を活用して、誰もが身近な社会課題や地域課題につい て考えるきっかけが得られるミニマムなハッカソンの 開催方法やプロセスについて紹介します。題材として 石川県で起こった能登半島地震の際に発足した支援プ ロジェクトを参考に、身の回りに潜む複雑な社会課題 について周囲の意見を取り込みながらデザインワーク を進行し、アクションプランを導く手法について学び ましょう。\n\n\n\n特典（アーカイブチケット or アンケ ート回答）ミニマムハッカソンで使用するFigJamテンプ レート（WSシート）の提供\n\n河西 紀明 かわにし の りあき合同会社DMM.com DMM.com VPoE室のデザイナーとして エンタテインメント領域を中心に多様な事業サービス の創出や成長を推進。モブプロトタイピングやUXデザ インなどの実践学習を通してTBDのデザインコラボレー ションをサポート。東京・石川県の多拠点ワーカーと して、Friends of Figma Ishikawaのリーダーも務め、地域産業 創出や社会課題に対しても活躍できるデザイナーを増 やす場づくりを実践中。litlink𝕏（Twitter）：@norinity1103 \n\n【H3-23】設計から実装まで Figmaを軸にした堅牢な制 作フロー\n\nFigmaを使って堅牢に制作をするためのプロ セスを解説します。デザイントークンの効果的な設定 、バリアントやプロパティを駆使したコンポーネント 作成、ReactでのCode connect連携、そしてDev modeを用いたス ムーズな実装まで、開発者とデザイナー間のコラボレ ーションを強化する実践的な方法を短時間で紹介しま す。高度な内容ですが、Figmaの機能を深く理解し、プ ロジェクトを着実に進行させたいすべてのデザイナー ・開発者に有益です。\n\n\n\n特典（アーカイブチケッ ト or アンケート回答）Figmaデータコード\n\n綿貫 佳祐 わたぬき・けいすけQiita株式会社Qiita株式会社と株式会 社エイチームライフデザインに所属しています。UI と マークアップが多めで、ときにはグラフィックや UX も やります。Friends of Figma Nagoyaのユーザーグループリー ダーもしていて、Figmaの本も書きました。ポートフォ リオ𝕏（Twitter）：@xrxoxcxox LOCATION:オンライン URL:https://techplay.jp/event/957443?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR