オンラインUIデザイン・プロトタイピングツール【無料】
無料で使えて、インストールは不要です。 フレーム、オートレイアウト、コンポーネント、変数、インタラクティブなプロトタイプを使って、アプリやWebサイトの画面をデザインできます。PNGとSVGで書き出せます。
UIデザインツールを開くブラウザで開きます。パソコンでの利用がおすすめです。
無料
- すべての編集機能、インストール不要
- FIGCRAFTでいつでも保存
- 無料アカウントでPNG, SVG, JPGに書き出し
- ファイルはお使いのデバイスから出ません
有料プランならどれでも
- PDF export
- 背景削除
UIデザインツールを使う理由
- 完全無料
- すべての編集機能を無料で使え、インストールも不要です。一部の書き出しには無料アカウントが必要です。
- プライバシーを重視した設計
- アプリはブラウザで動作し、アカウントに保存しない限り、作業内容はお使いのデバイスから出ません。
- どのデバイスでも使える
- Windows、Mac、Linux、Android、iPhone のブラウザで動作します。アプリは不要です。
UIデザインツールの使い方
- 「UIデザインツールを開く」をクリックします。
- フレームを描き、コンポーネントで画面を組み立てます。
- 画面の流れをプロトタイプにして、デザインを書き出します。
よくある質問
- デザインはアップロードされますか？
- いいえ。ファイルは端末内にとどまります。
- Proでは何が追加されますか？
- PDFへの書き出しと、デザイン内の画像の背景削除です。
- UIデザインツールは無料ですか？
- はい。すべての編集機能を無料で使え、インストールも不要です。アプリ独自の形式での保存にアカウントは不要ですが、その他の形式での書き出しには無料アカウントが必要です。
関連ツール
- カラーパレット生成キーを押すだけでカラーパレットを生成し、気に入った色はロックできます。ベースカラーから類似色、補色、トライアドの配色でパレットを作ることも。CSS変数、Tailwind、JSONで書き出せます。
- コントラストチェッカーWCAGのコントラスト比で、文字が背景の上で読みやすいかをチェックできます。通常の文字、大きな文字、UI部品それぞれのAA・AAAの判定を表示し、基準を満たす最も近い色も提案します。
- ファビコン作成文字、絵文字、ロゴからWebサイト用のファビコンを作成できます。favicon.ico、各サイズのPNG、ホーム画面用アイコン、サイトに貼り付けるコードが手に入ります。ファイルは端末内で処理され、アップロードされません。
- 背景削除写真の背景を削除し、元のサイズのまま透過PNGでダウンロードできます。人物、ペット、商品、物に対応し、髪の毛や細かい輪郭もきれいに残ります。画像は処理が終わるとすぐに削除されます。