Question 1

auto-widthテキストの入力中にPenpotのDesignタブでW 0.01 / H 0.01が表示される問題を修正するにはどうすればよいですか？

Accepted Answer

これは Penpot の WebGL テキストエディター v3 における UI 同期バグです。auto-width または auto-height のテキストを編集中、Design タブがライブのテキストサイズではなく、確定済みの選択矩形を読み取ります。そのため、新規テキストでは 0.01 × 0.01 と表示されることがあり、既存テキストでは編集が終了するまで編集前の寸法が表示されることがあります。

一時的な回避策: Esc を押してテキストエディターを終了します。すると W/H フィールドが正しいサイズに更新されます。ドラッグで作成した固定サイズのテキストボックスは影響を受けません。

恒久的な修正: Penpot を、PR「Show live text size in Design tab while editing」を含むリリース（報告された 2.19.0-RC1-113-ga36193e54b ビルドより新しいもの）に更新してください。この修正により、入力中に Design タブが auto-width/auto-height テキストボックスのライブ寸法を表示するようになります。

Question 2

PenpotプラグインのCSP違反と、@penpot/plugin-stylesによって引き起こされるfonts.bunny.netへの外部リクエストをどう修正すればよいですか？

Accepted Answer

これは @penpot/plugin-styles 1.5.0 が原因です。そこでは plugins/libs/plugins-styles/src/lib/core/fonts.css に次が含まれています:

@import url('https://fonts.bunny.net/css?family=work-sans:400,500&display=swap');

styles.css がこのファイルをインポートしているため、このパッケージを使用するすべてのプラグインが fonts.bunny.net から Work Sans を取得し、style-src と font-src の CSP ルールに違反し、エアギャップされたデプロイを壊します。

恒久的な修正: @penpot/plugin-styles/Penpot を issue #12023 の修正を含むリリースにアップグレードしてください。リモートの @import は削除されます。

即時の回避策: 上記の行を fonts.css または node_modules 内の対応するビルド済み CSS から削除し、その後プラグインを再ビルドして再デプロイします:

sed -i.bak "/fonts\.bunny\.net/d" plugins/libs/plugins-styles/src/lib/core/fonts.css

インストール済みパッケージにパッチを当てる場合は、node_modules/@penpot/plugin-styles/.../fonts.css を編集し、同じ @import を削除して、プラグインを再ビルドし、必要なら patch-package で変更を永続化してください。

Work Sans はそのスタイルシート内の code セレクターからのみ参照されているため、インポートを削除しても sans-serif フォールバックが残り、サードパーティのフォントファイルを同梱せずに済みます。Work Sans をどうしても維持する必要がある場合は、.woff2 ファイルを同一オリジンでセルフホストし、リモートインポートを同一オリジンの @font-face 宣言に置き換えてください。

エアギャップでない環境向けの一時的な CSP 回避策としてのみ、次を追加できます:

style-src 'self' https://fonts.bunny.net;
font-src 'self' https://fonts.bunny.net;

サードパーティドメインを許可するとプラグインユーザーが fonts.bunny.net にさらされるため、フォントを削除するかセルフホストすることを優先してください。

Question 3

PenpotがRectangleabcabc.pngのようにサフィックスが重複したファイル名をエクスポートする問題を修正する方法は？

Accepted Answer

これは、WebGL/WASMレンダラーが有効なときのPenpotの単一ファイル書き出しにおけるバグです。書き出しサフィックスが二重に付加されます。PNG、JPG、SVG、PDFに影響し、複数設定のZIP書き出しではファイル名は正しく付けられます。回避策として、2つ目の書き出し設定を追加してPenpotがZIPを書き出すようにし、それを展開して正しく名前が付いたファイルを使用します。あるいは、利用可能であればWebGL/ハードウェアアクセラレーションによるレンダリングを無効にします。恒久的な修正は、PR「Fix additional suffix on new exporter files」を含むリリースにPenpotを更新することです。この問題はバージョン2.19.0-RC1で確認されました。

Question 4

Penpotファイル全体をダウンロードせずに、RPC経由でファイルレベルのプラグインデータを読み取るにはどうすればよいですか？

Accepted Answer

Penpot 2.20.0 以降にアップグレードしてください。これにより、読み取り専用の get-file-plugin-data RPC メソッドが追加されます。対象のファイル ID と、任意で 1 つのプラグインのデータに結果を限定するための namespace を指定して呼び出してください。namespace を省略すると、ファイルレベルのプラグインデータマップ全体が返されます。

リクエスト構造の例:

{
  "method": "get-file-plugin-data",
  "params": {
    "fileId": "YOUR_FILE_ID",
    "namespace": "optional-plugin-namespace"
  }
}

呼び出し元はそのファイルへの読み取りアクセス権を持っている必要があります。2.20.0 より前のバージョンでは、サポートされている RPC 読み取り経路はありません。ファイルをダウンロードしてデコードするか、アップグレードする必要があります。

Question 5

Penpot の V3 テキストエディタで、ボタンをもう一度クリックしても下線や取り消し線がオフにならない問題をどう修正すればよいですか？

Accepted Answer

これは、WASM レンダリングが有効な場合の V3 テキストエディタのバグです。「下線」または「取り消し線」をもう一度クリックしても、選択した単語から装飾が削除されません。これは Penpot PR「Fix text decoration selection on v3 editor」で修正されています。Penpot をその修正を含むリリースにアップグレードしてから、ブラウザを強制再読み込みしてください。セルフホストの Docker Compose デプロイでは、docker compose pull && docker compose up -d を実行し、Ctrl+Shift+R でアプリを再読み込みします。修正版に更新する以外に、信頼できるアプリ内の回避策はありません。

Penpot

主な機能

できないこと

使用例

タグ

はじめ方

類似プロジェクト