UIデザイン設計から開発をつなぐ「MRTK Figma Bridge for Unity」を使ってみよう

0.9K Views

November 15, 21

#xrkaigi #mixed reality #figma #mrtk #unity #xr #MRTK Figma Bridge #Unity #UI Design #Mixed Reality #Miyaura Takahiro

スライド概要

XR Kaigi 2021「HoloLens ミートアップ　コミュニティオーガナイズドセッション」登壇資料。
Figma toolkitとUnityを連携できる「Figma Bridge for Unity」の紹介と実際の利用方法について

Miyaura

@m-taka596

スライド一覧

ICT業界でソフトウェアエンジニア/アプリケーションアーキテクトを担当。社内ではXR関連技術に関する啓もう活動や技術支援に従事。業務の傍ら、XR（特にMixed Reality領域）についての開発技術の調査、開発などを行っています。また、「大阪駆動開発」コミュニティ所属しており、日々の調査で得た知見はコミュニティを通して情報発信を行っています。

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

ダウンロード(pdf - 1.57MB)

関連スライド

OpenVRやOpenXRの基本的なことを調べてみた

xrmtg openxr openvr hololens

Miyaura 23K

冬休みの宿題 - Lenovo Think Reality A3で検証(MRTK3含)

xrmtg mrtk3 mixed reality snapdragon spaces thinki reality a3

Miyaura 12K

MRTK3をLenovoのThink Reality A3上で動かす - Snapdragon Spaces SDKの紹介

hololens ホロマジ snapdragonspaces mrtk3 xr unity

Miyaura 10.2K

今更ですがちょっとMetaQuest3でMRTK3触ってみました

mixed reality xrmtg mrtk3 unity

Miyaura 9.5K

Mixed Reality Toolkit 3で始めるクロスプラットフォーム開発

xr mrtk3 metaquest3 snapdragonspaces xrkaigi

Miyaura 8.1K

Snapdragon Spaces v0.12.0 for Unityの調査(あれも試してみてる)

xrmtg mrtk3 mixed reality snapdragon spaces think reality a3

Miyaura 7.7K

各ページのテキスト

UIデザイン設計から開発をつなぐ「MRTK Figma Bridge for Unity」を使ってみよう 2021/11 XR Kaigiコミュニティオーガナイズドセッション「HoloLens ミートアップ」 takabrz1 大阪駆動開発 Takahiro Miyaura

Microsoft MVP for Windows Development 2018-2022 某会社でSE(アプリケーション領域のアーキテクト的なお仕事なはず）＝ XRは趣味です（貢献領域：Mixed Reality）宮浦恭弘 (Miyaura Takahiro) ◼ 大阪駆動開発(とHolomagicians)コミュニティに生息 ◼ HoloLens日本販売してからxR系技術に取組む ◼ 普段はよくMixed Reality Toolkitに関する調査している ✓ リリース機能調べたり・・・ ✓ 面白い機能使ってみたり・・・ ✓ 新しい実験してフィードバックしたり・・・最近はこちらに Come Back気味と思ったらDigital Twins ◼ 新しい技術や、MRに使えそうな技術を調べる技術Tips : https://qiita.com/miyaura @takabrz1 ※よかったらこれを機にお知り合いになってください

https://qiita.com/miyaura

MRTK Figma Toolkit Microsoft の提供するOSS「Mixed Reality Toolkit 」ベースのUIデザインテンプレート Figma上でMixed Reality Toolkit UX Building Blocksでコンテンツの設計ができる！ Fimga Webブラウザ上で複数人でコラボレーションしながら2DのUIデザインができるツール Mixed Reality Toolkit UX Building Blocks よく使うUI(ボタン、メニュー等)をPrefabとして部品化したもの 2021/10/21 Copyright © 2021 Takahiro Miyaura

10.

MRTK Figma Bridge for Unity 概要 FigmaのデザインをUnityに取込んでオブジェクト生成 Figma Unity Request MRTK Figma Bridge for Unity Import Figma Bridge Custom Map Mapping & Generate 2021/10/21 Modules Figma Data Reference Copyright © 2021 Takahiro Miyaura V0.1.1のβ版まだこういう動きができるよレベル

11.

12.

13.

まとめ ◼ Figma Bridge for Unityでできること ✓ 2Dデザインツール「Figma」で使えるMRTK Figma Toolkitでラフデザイン ✓ Unity上のMRTK Building BlocksのUX部品でレイアウトを再構成 ✓ 定義をカスタマイズすることで標準部品以外も対応可能 ◼ 注意が必要 ✓ 現在はβ版V0.1.1で試せる程度 ✓ ボタン等一部のコンポーネント出力にしか対応していない ✓ 部品のプロパティも全て反映されない完成するとデザイン設計から実装までが捗りそうな便利なツール 2021/10/21 Copyright © 2021 Takahiro Miyaura

14.

https://qiita.com/miyaura/items/2f8330a1828bb562e208

15.

大阪駆動開発関西を中心に、IT系のおもしろそうなことを楽しんでやるコミュニティ