Visily

Visilyとは

Visilyは、テキスト、スクリーンショット、既存のキャンバス、手描きのイメージから、編集可能なWeb・アプリ画面を作るUIデザインサービスです。専門的なデザインソフトを習得していない企画者や開発者でも、ワイヤーフレーム、画面遷移、プロトタイプをチームで作れることを目的にしています。完成画像を一枚生成するのではなく、各要素を編集できるUI部品として扱う点が特徴です。

主な機能

AIで画面案を生成

作りたいサービスや画面を文章で説明し、複数ページの案を生成できます。スクリーンショットを読み込み、似た構造を編集可能なデザインへ変換する機能もあります。既存製品の画面を参照する場合は、商標や著作権を侵害する模倣にならないよう調整します。

ワイヤーフレームとプロトタイプ

テンプレート、UIライブラリ、図形、アイコンを組み合わせ、画面遷移を設定できます。コメントとワークスペース共有で、要件整理からデザイナーへの引き継ぎまで行えます。AI出力をそのまま最終UIとせず、アクセシビリティと実装要件を確認します。

Figma・コード・MCP

Pro以上はFigmaのインポート・エクスポート、コード書き出しを提供します。公式料金表にはMCPも含まれ、AI開発ツールからデザイン文脈を扱う用途へ拡張できます。変換後の構造やコード品質は実装前に検証が必要です。

使い方

アカウントを作成してワークスペースを開き、空のボード、テンプレート、AI生成のいずれかを選びます。最初に対象端末、画面の目的、必要な操作を文章で指定し、生成された部品を編集します。リンクを設定して操作を確認し、チームでコメントします。Figmaやコードへ渡す前に、画面幅、状態、エラー表示、キーボード操作を追加してください。

無料版と料金

Starterは0ドルで、ワークスペース月300 AIクレジット、初月600、編集可能ボード2件、1ボード2,500要素、透かし付きエクスポート1回、最大50人です。Proは年払いで1編集者あたり月11ドル、月3,000クレジット、無制限ボード、Figma連携、コード出力を含みます。Businessは年払いで月29ドル、月1万クレジット、SAML SSOや30日版履歴を含みます。

日本語対応と商用利用

公式料金ページはAI入力が複数言語に対応すると説明しており、日本語プロンプトも試せます。ただし日本語UIの正式な対応範囲は確認できません。作成した画面を業務で利用する場合は、アップロードした画像、ロゴ、フォント、テンプレートの権利を確認します。AI生成だから独占権や非侵害が保証されるわけではありません。

向いている人

企画の初期段階で画面案を見せたいプロダクト担当者、Figmaへ渡す前に要件を固めたい開発チーム、デザイナー不在でプロトタイプを作る小規模事業者に向きます。精緻なデザインシステムや複雑なアニメーションを最終成果物として管理する場合は、Figmaなどとの役割分担を決めてください。

注意点

AIクレジットは編集者またはワークスペース単位で、プランにより基準が違います。無料版はボード数とエクスポートに制限があるため、成果物を外部共有する前に透かしと権限を確認します。スクリーンショットには顧客情報や未公開画面を含めず、チーム招待の範囲も最小にしてください。料金は年払い表示なので月払い総額と混同しないようにします。