HTML属性、スタイル、フロントエンドフレームワークが足りない

Weblifyは、一般的なHTML属性、レイアウトのスタイル、フロントエンドの出力形式に対応しています。ただし、Figmaの高度なプロパティ、ブラウザのCSS、埋め込みコンテンツ、インタラクティブな動作の一部は、生成やインポートのあとに手動で調整が必要な場合があります。

ページでChrome拡張機能が開かない

ブラウザの内部ページやChrome Web Storeでは、拡張機能がページにコントロールを追加することは許可されていません。通常のWebサイトのタブを開き、拡張機能をインストールしたあとにページを再読み込みしてから、もう一度Weblify拡張機能のアイコンを選択してください。

インポートしたWebサイトの見た目が実際のWebサイトと異なる

ページをコピーする前に、遅延読み込みされるコンテンツ、フォント、画像がすべて表示されるまで待ってください。インタラクティブなアプリケーション、埋め込みコンテンツ、サポートされていないCSS、コピー元のWebサイトがブロックしているアセットがあると、Figmaに貼り付けたあとも違いが残る場合があります。

コピーした内容がFigmaに貼り付けられない

拡張機能にCopied to clipboardと表示されるまで待ってからFigmaのキャンバスに戻り、macOSではCommand + V、WindowsではCtrl + Vで貼り付けます。別のクリップボードの内容が貼り付けられた場合は、貼り付ける直前にもう一度ページや要素をコピーしてください。

中国ではVPNが必要な場合がある

中国にお住まいの場合、アカウントサーバーが「グレート・ファイアウォール」によってブロックされている可能性があります。有効なキーを使っているのに有効化エラーが表示される場合は、おそらくVPNを使って解決する必要があります。

「An error occurred while loading the plugin environment」と表示される

これは、FigmaデスクトップアプリでUse Developer VMというデバッグ設定が誤って有効になっている場合に起こることがあります。オフになっているかを確認するには、Figmaキャンバス上の任意の場所を右クリックし、Plugins、Developmentの順にマウスカーソルを合わせて、Use Developer VMのチェックが外れていることを確認します。チェックが外れたら（横にチェックマークが付いていない状態になったら）、Figmaプラグインを再実行すると正常に動作するはずです。