【Jira Cloud platformの新機能】Jira課題上でFigmaのデザインを見れるようになりました

2024年04月26日（2024年06月28日更新）

リックソフトは、サポートプラス・サポートプラスproをご利用の方向けに、各月のアトラシアンクラウド新機能をまとめたドキュメントを公開しています。

一部機能をブログ読者向けにもご紹介します。今回ご紹介する機能は、2024年3月にリリースされた「Jira platform（ジラ・プラットフォーム）」の機能を紹介します。

Jira課題に外部のデザインファイルを直接表示できるようになりました

★注意★2024年4月現在、Figmaのみ対応しています

以前は、Figma でデザインを修正した際に Jira の課題上のコメント等で報告して、その後指摘があったらまた Figma で修正して・・・と行き来しなければならないので、手間でした。
今回搭載された Jira 課題にデザインファイルを直接リンクすると、課題内からのリアルタイムで Figmaで作ったデザインが反映されるようになりました。Jira を離れることなく複数人での共同作業ができ、ツール変更負荷＆認知負荷を減らすことができます。
ボード上のカードビューにデザインアイコンが追加され、デザインがリンクされた課題を可視化することもできるようになりました。

※ 現時点では、Jira Align や Jira Service Management に埋め込みを追加することはできません。

★ 仕様書とは？システム開発やソフトウェア開発で求められる種類や書き方のコツ

■Figma とは？

Figma は、デザイン、プロトタイピング、およびコラボレーションのためのクラウドベースのデザインツールです。

ユーザーは、Web ブラウザを通じて Figma にアクセスし、フェブサイトやアプリの UI デザイン、UX デザイン、プロトタイプ作成をすることができます。チームメンバーとリアルタイムでデザインを共有し、同時に編集することができます。特にアプリ開発企業、ウェブ開発企業に利用されています。

■Jira 課題にデザインファイルをリンクする方法（準備編）

Atlassian Marketplace から Figma for Jira アプリ をインストールして、Figma を Jira Software サイトに接続します。（2024年4月現在、無料でダウンロードできます）
課題ビューで [デザインを追加] を選択し、Figma の URL をペーストして、[リンク] をペーストします。

■Jira 課題に Figma のデザインを表示させてみよう

埋め込みを追加する Jira 課題を開きます
※ [デザイン] セクションが表示されない場合は、タイトルの下にある [デザインを追加] をクリックします

Figma URL をフィールドに貼り付け、「リンク」 をクリックすると・・・

このように Figma で作成したデザインが課題上で表示されます

ボードのカードビューでは、リンクされた Figma デザインファイルを持つ Jira 課題にリンクされたデザインアイコンが表示されます

ボードのカードビューでデザインアイコンにカーソルを合わせると、デザインに関する情報と最終更新日が表示されます

（１）Figma リンクにアクセスするか、（２）Jira の課題詳細画面にアクセスでデザインを直接表示することも可能です

（１）Figma の画面

（２）Jira の課題詳細画面

＜ユースケース＞

UIデザイナーがホームページを設計するケース。デスクトップブラウザやスマートフォンの各規格サイズのテンプレートが用意されているため、それを利用することででホームページのフレームの制作が可能です。
マーケティングが Web 広告や SNS 投稿に使う画像を作成するケース。ブラウザ上で画像も手軽に作成できます。

知りたかったことは解決しましたか？

リックソフトは、Jira・Confluenceの最新機能や使いかたを紹介するブログを更新しています。
そのほか、ガイドブック、eラーニングを提供しています。

リックソフトのガイドブックを見てみませんか？

Atlassian製品を販売して16年になるリックソフトは現在Jira（管理者向け・ユーザー向け）Confluence（管理者向け・ユーザー向け・マクロリファレンス）Jira Service Management（管理者向け）を出版しています。

企業によってはeラーニングやデジタルガイドブックがすでに入っているケースもあるので、エンドユーザーの方はいちど製品管理者に「ガイドブックありますか？」と確認してみてください。

ガイドブックを詳しく知る

本ブログのカテゴリ： Jira