Figmaで簡単に作成できる!ワイヤーフレーム・フローチャート・プロトタイプ素材のまとめ

Figmaのワイヤーフレーム・フローチャート・プロトタイプ用の素材を紹介します。
Webサイトやスマホアプリで使用されるさまざまなコンポーネントやUI要素、基本的なスタイルが用意されており、短時間で作成できます。

Figmaのワイヤーフレーム・フローチャート素材のまとめ

Figmaのワイヤーフレーム素材

UI Template

日本人クリエイターが制作した、Figmaのワイヤーフレーム用テンプレート。基本的なスタイル、コンポーネント、ワイヤーフレーム用のアセットが用意されており、デザイナー以外のエンジニアやディレクターでも使いやすい素材です。

Figmaのワイヤーフレーム素材

UI Template
使い方の説明も日本語です。

Figmaのワイヤーフレーム素材

UI Template
デザインがFixしたワイヤーフレームを移動するだけ。

Figmaのワイヤーフレーム素材

UI Template
フロー用の素材も揃っています。

Figmaのワイヤーフレーム素材

Wireframing

ラインディングページに使用されるさまざまなコンポーネントが用意されたワイヤーフレーム素材。ヒーローヘッダ・フィーチャーリスト・カード・ボタンなどを組み合わせて利用できます。

Figmaのワイヤーフレーム素材

Wireframing

Figmaのワイヤーフレーム素材

Wireframing

Figmaのワイヤーフレーム素材

Figma Wireframe UI Kit

Figmaの新しい自動レイアウト機能を利用したテンプレート素材。Free版は個人利用のみ無料です。

Figmaのワイヤーフレーム素材

Figma Wireframe UI Kit

Figmaのワイヤーフレーム素材

Figma Wireframe UI Kit

Figmaのワイヤーフレーム素材

Wireframe plugin

デスクトップ・スマホ・タブレット用のプロトタイプ・ワイヤーフレームを簡単に作成できるプラグイン。

Figmaのワイヤーフレーム素材

Wireframe plugin
デバイスを選択し、あとはカテゴリ別のテンプレートを選択するだけ。

Figmaのワイヤーフレーム素材

Wireframe plugin
「Kits」には、フロー図用のさまざまな素材が用意されています。

Figmaのワイヤーフレーム素材

Hand Wireframe

シンプルなプラグインで、手書き風にデザインされた矩形・円・矢印などでワイヤーフレームを作成できます。

Figmaのワイヤーフレーム素材

Hand Wireframe

Figmaのワイヤーフレーム素材

Mobile UI kit

スマホのさまざまなUIを簡単に利用できるワイヤーフレーム素材。

Figmaのワイヤーフレーム素材

Mobile UI kit

Figmaのワイヤーフレーム素材

Mobile UI kit

Figmaのフローチャート素材

Flow Chart

フロー図、サイトマップ、ペルソナマップ用の素材。

Figmaのフローチャート素材

Simple flow chart

フローチャート用のシンプルな素材。

Figmaのフローチャート素材

Process flow chart

プロセス フローチャート用の素材。

Figmaのフローチャート素材

Systems Flow Chart

システムのフローチャート用の素材。

Figmaのフローチャート素材

Organizational Chart

組織図用の素材。

sponsors

top of page

©2020 coliss