PenpotをFigmaにインポート

Convertifyで、保存したPenpotファイルを、編集可能な新しいFigma Designのページとしてインポートします。

Convertifyは、現在のPenpotのZIP/JSON形式の.penpotファイルを、Figma Designファイルの新しいページにインポートします。既存のページは、インポートしたデザインとは別に残ります。

Penpotとの変換はベータ版です。納品に使う前に、インポート時の警告を確認し、作成されたデザインを比較してください。古いバイナリ形式のPenpotファイルには対応していないため、Penpotから新しくファイルをダウンロードしてください。

デザインをインポートする ​

  1. PenpotでファイルのMain menuを開き、File、続いてDownload Penpot file (.penpot) を選びます。
  2. FigmaでConvertifyを実行し、Import into Figmaを選びます。
  3. ワークフローセレクターからImport Penpot to Figma (Beta) を選びます。
  4. カラー、テキスト、変数のライブラリもインポートする場合は、Import color, text and variable librariesを有効のままにします。レイヤーだけが必要な場合はオフにします。
  5. ファイル選択をクリックするか、.penpotファイルをプラグインにドラッグします。次の変換を始める前に、インポートの結果が表示されるまで待ってください。
  6. 警告を確認してから、新しいページを確認します。テキストの折り返し、フォント、画像のトリミング、コンポーネントのコピー、重要なレイアウトのサイズ変更を確認してください。

ファイルの上限と失敗 ​

一度にインポートできるのは、コピーの再構成に必要なコンポーネントのマスターを含めて、最大50,000レイヤーです。入力するアーカイブは128 MB以下である必要があり、展開後のコンテンツにも上限があります。上限に達した場合は、大きなファイルを小さく分けてエクスポートしてください。

対応していないレイヤータイプや無効なアーカイブがあると、インポートが中止されることがあります。インポートに失敗した場合は、作成したページとリソースの削除を試みます。ロールバックを完了できなかった場合は、残っているクリーンアップの問題がエラーに表示されます。再試行する前に、そのエラーを解決してください。

WebP画像は、ローカルで編集可能なFigma用のPNG画像に変換されます。元のWebPのエンコードとアニメーションは失われ、インポート時に警告が表示されます。

互換性と編集可能なコンテンツ ​

  • フォントとテキスト： 変換先のアプリで、同じフォントを使える状態にしてください。フォントの置き換えや、空白の扱い、行間、フォントのバージョンの違いによって、折り返しが変わることがあります。変換では文字をそのまま保持し、見た目を合わせるために改行を挿入することはありません。
  • 画像と効果： いずれかの辺がFigmaの上限である4096ピクセルを超える画像は、インポート時にローカルでリサイズされ、PNGに変換されます。レイヤーのジオメトリと正規化されたトリミングの設定は編集可能なまま残りますが、元のピクセル解像度、エンコード、画像のメタデータは失われます。トリミングした端とカラープロファイルを確認してください。画像の補間や一部のシャドウ・効果は、アプリによって描画が異なります。一部の画像のトリミングや対応していないペイントは、画像として焼き付ける必要があります。その場合は、警告に対象のレイヤーと失われる設定が表示されます。レイヤーが編集可能なまま残っても、元のペイントのプロパティがすべて保持されるわけではありません。Figmaでは、始点に戻る線付きのパスが閉じたパスになることがあります。閉じた箇所の端点の形状と角の形状を確認してください。
  • トークン： 数式や、数式に依存するエイリアスは、Figmaのライブな変数バインディングにはなりません。変換ではレイヤーの解決済みの値を保持し、対応していないバインディングを報告します。
  • コンポーネント： 対応しているコピーは、ローカルのコンポーネントマスターを使います。ジオメトリやレイアウトのオーバーライドによっては、別のローカルマスターが必要になります。そうしたコピーは編集可能で、そのローカルマスターにリンクされたままですが、元のマスターとの関係と今後の更新は失われます。こうしたケースは変換時の警告に表示されます。
  • レイヤーとレイアウト： FigmaのAuto間隔は、Penpotでは最小間隔なしでエクスポートされます。間隔を変更していなければ、無効になっている固定間隔の値はFigmaに戻せます。この無効な値にバインドされた変数は、ライブなレイアウトのバインディングを持たないまま、トークンライブラリに残ります。対応していない構造では、追加のグループ、ローカルマスター、または編集可能な近似表現が必要になることがあります。警告を確認し、サイズ変更を試してください。画像が一致しているだけでは、レイアウトの動作も一致しているとは言えません。非表示の固定幅テキストは、Figmaに戻すと引き伸ばしの配置が失われることがあります。表示したりサイズを変えたりするときは、レイアウトを確認してください。中央揃えの固定サイズのコンテナの中には、保存されたボックスより大きな左右対称のパディングを持つものがあります。対応している場合、変換ではボックスと中央揃えのライブなレイアウトを保持し、その軸のパディングを0にして、失われたパディングの設定とバインディングを報告します。

これらのワークフローはFigma Designを対象としています。FigJam、Figma Slides、プロトタイプの再生については、同等の動作は提供されません。元のファイルは保管しておき、重要なレイアウトは両方のアプリで確認してください。

逆方向に変換するには、FigmaからPenpotへのエクスポートの手順に従ってください。