Figma『HTML to Figma』紹介

【結論】HTMLからデザインを出力できるプラグイン

1.プラグイン『HTML to Figma』をインストール

https://www.figma.com/community/plugin/747985167520967365/Figma-to-HTML%2C-CSS%2C-React-%26-more!

2.ファイルを新規作成→右クリック→「Plugins」→「Figma to HTML,CSS…」をクリック

3.「URL to import」にURLを入力→Widthを任意のサイズに変更→IMPORTをクリック

【完了】ページが出力される

パス有りの状態を保持。
スクショと違い、任意の部品を「jpg、png、svg、pdf」から出力が可能。
複数画像を選択して、出力することも可能。(zipファイルになる）

※「Export IMAGE」ボタンは右下