ウェブデザインの、新たな出発点。

あなたの HTML を Figma で編集可能に。

ウェブ URL、HTML コード、ローカルファイル。文字、カード、画像を Figma に取り込めます。

Html to Design のプラグインと編集可能な Figma レイヤー

3 つの入力、1 つの流れ。

ウェブページ URL

ブラウザで描画した公開ウェブページを取り込みます。

HTML を貼り付け

HTML とインライン CSS を貼り付け、ビューポート幅を選びます。

HTML をアップロード

スタイルと画像を埋め込んだ .html または .htm ファイルを読み込みます。

ネイティブレイヤーを編集する

編集可能な文字

描画済み HTML の文字、サイズ、色を読み取り、Figma で編集できます。

ネイティブレイアウト

カード、ボタン、コンテナを個別レイヤーに変換し、共通のレイアウト整形を適用します。

独立した素材

ページ全体を画像にせず、画像とアイコンを差し替え可能な素材として保持します。

プランを選ぶ

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

Starter

$9/ 月

毎月 30 クレジット

  • ウェブ URL・HTML コード・ファイル
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables
Plus
おすすめ

$19/ 月

毎月 100 クレジット

  • ウェブ URL・HTML コード・ファイル
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables
Studio

$39/ 月

毎月 250 クレジット

  • ウェブ URL・HTML コード・ファイル
  • ネイティブの編集可能レイヤー
  • 再利用可能なコンポーネント
  • Design System と Variables

よくある質問