【Figma】UIワイヤーフレーム、UXフロー図テンプレ集。

Figma

オンライン上で複数人でリアルタイムにデザインできるFigmaで、

UXフロー図や、UIワイヤーフレームなど、情報設計やUIデザインするときに便利なテンプレのご紹介です。

こういったプロトタイピングで素早くチームで仕様確認したり、イメージを共有しながら進めるワークフローは、スピードが早くなりますね。

Figma Templates

UXデザインや、UI設計など、設計フェイズで便利なテンプレートリストです。

Templates
https://www.figma.com/templates/

Free flowchart creatorフローチャートのテンプレート。
Wireframe KitsPCのようなスクリーンのUIワイヤーフレーム
Create mood boardsムードボードを使った
ビジュアルリサーチのテンプレート。
Instagram templateインスタのテンプレート。
Mobile UI Kitモバイルの用のワイヤーフレーム、UI集。
AWS diagram softwareAWSの図。
Google Cloud diagram softwareGoogle Cloud Platform アーキテクチャ図。
Microsoft Azure diagram software
Microsoft Cloud図
User Story Mapユーザーストーリーマップ
Customer Journey Mapカスタマージャーニーマップ
Venn diagramsベン図(丸が重なる図)
Visual site map generatorサイトマップ
Design Facebook AdsFacebook広告
Create Gantt chartsガントチャート
Google Font PairingsGoogleフォントペアリング
Font typesフォントタイプス
Social media size guideSNSのサイズガイド

など。

Figma Assets

デバイスのステンシルやアイコンなど、モックを作るのに効率的なアセットです。


Assets
https://www.figma.com/resources/assets/

iOS app icon templateiOSアプリアイコンのテンプレ
UX Flow 2.0UXフロー Ver2.0
サイトマップ、フロチャート、ワイヤーフレーム
iOS KeyboardsiOS キーボード
iPhone MockupsiPhoneデバイスのモック
(iPhone 8 or iPhoneX)
User persona templateペルソナのテンプレ
Frrames MockupsWindowモックアップ
Developer onboarding guideDeveloper向けガイド
Wireframe kitワイヤーフレーム集。
Notes Templatesメモのテンプレ。
Sections Wireframe Kit for Figmaワイヤーフレーム集(有料)
Huawei P20 Pro MockupHuawei P20 Pro phoneのデバイスモックアップ
Safari Mockup
(Mac OS Mojave edition)
Safariブラウザのモック
SaaS Dashboard CRM UI KitSaaS Dashboard CRMのUIKit
Evericons for Figmaユーティリティアイコン
OPPO Find X Device Mock upOPPOデバイスのモックアップ
Visual System for Figmaビジュアルシステム
Wireframe Component Libraryワイヤーフレームコンポーネントライブラリ
Get Apps UIアプリUI
Page Covers Libワイヤーフレーム
2019 Planner2019カレンダー

など。

まとめ

Figmaにプラグインを追加する方法のご紹介でした。

Figma Developer Platformで開発者向け情報を得ることができます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA