UI スクリーンショットから、新たなデザインへ。

スクリーンショットを編集可能なデザインに。

既存の UI を Figma で再構築。文字の編集、カードの移動、画像の差し替えができます。

変換例を見る
Image to Design のプラグインと編集可能な Figma レイヤー

編集できるもの

文字

見出しや説明をネイティブの文字レイヤーとして編集できます。

レイアウト

カードを個別に移動し、Auto Layout を調整できます。

画像

独立した画像の塗りつぶしから、カードのイラストを差し替えられます。

使い方

  1. プラグインを接続

    Figma Community からプラグインを開き、ウェブサイトにログインしてブラウザでアカウントを接続します。

  2. フレームを作成

    鮮明な PNG または JPEG をアップロードし、変換ボタンを押すとネイティブのフレームが挿入されます。

  3. 編集する

    見出しの変更、カードの移動、イラストの差し替えでデザインを仕上げられます。

プランを選ぶ

月間クレジットでデザインをスムーズに。

Starter

$9/ 月

毎月 15 クレジット

  • PNG・JPEG スクリーンショット
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables
Plus
おすすめ

$19/ 月

毎月 40 クレジット

  • PNG・JPEG スクリーンショット
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables
Studio

$39/ 月

毎月 100 クレジット

  • PNG・JPEG スクリーンショット
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables

よくある質問