Penpot — UIデザイン・プロトタイプ

Penpot

Penpotは、インターフェースデザイン、ワイヤーフレーム、インタラクティブなプロトタイプのためのオープンソースのデザインプラットフォームです。クラウドで使うことも自分のサーバーにインストールすることもでき、SVG、CSS、HTML、JSONなどのオープン標準で動作します。

おすすめの理由

UIデザイン・プロトタイプ

ウェブ

penpot.appへ移動

知っておきたいこと

ツールごとにプランを確認してください。利用枠は機能間で共通とは限りません。

最新の利用枠と出力条件は公式サイトで確認してください。

知っておきたいこと
知っておきたいことウェブ
無料で出力—
登録不要—
透かしなし—
オフライン対応—
一括処理—
コンテンツの言語—

— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。

情報源と確認日3
提供者からの修正・フィードバック

提供者からの修正・フィードバック

製品の代表者は、出典付きの修正や更新を送信できます。公開前に編集部が確認します。

編集部の選び方ガイド

最終確認:

どんな人向け?

  • デザインファイルとインフラを自分たちで管理したく、セルフホストできるオープンソースのツールを探しているチームに向いています。
  • 無料プランでチームとして一緒に作業したい小規模なチームに向いています。無料プランでは、チームメンバー8人まで、閲覧者は無制限で利用できます。

始め方

  • Penpotのクラウドアプリで無料登録するか、DockerやKubernetesなどのセルフホストの方法を確認します。
  • 新しいファイルを開き、コンポーネント、デザイントークン、CSS GridまたはFlexのレイアウトでインターフェースを組み立て、プロトタイプのリンクを追加します。
  • 開発者と共有するときは、インスペクト画面でCSS、HTML、SVG、JSONの出力を確認し、プロジェクトに取り込む前に内容をチェックします。

選ぶポイント

  • クラウドプランと自分のサーバーのどちらにするか選ぶときは、無料クラウドプランの10GBのストレージと7日間のバージョン履歴を、セルフホストの構築と保守の手間と比べて検討してください。
  • コード出力の品質はプロジェクトによって異なります。デザインをコードに落とし込むなら、開発者が使うフレームワークで数画面を試してみてください。

制限

  • 無料プランは、チームメンバー8人、ストレージ10GB、7日間のバージョン履歴に制限されています。制限は変更される場合があり、有料プランでは履歴の期間が長くなり、ストレージも増えます。
  • エクスポート形式を説明するヘルプページは見つかりませんでした。無料プランでPNG、SVG、PDFのエクスポートがどう使えるかは、ご自身で確認してください。

よくある質問

Penpotは本当に無料ですか?

料金ページには、ユーザー1人あたり$0のProfessionalプランが載っており、無料で全機能を使えると説明されていますが、ストレージとメンバー数に制限があります(変更される場合があります)。有料プランではストレージが増え、バージョン履歴も長くなります。

Penpotを自分のサーバーにインストールできますか?

GitHubリポジトリにはMPL-2.0ライセンスが表示されており、READMEには、Penpotはクラウドで使うことも、DockerやKubernetesなどの方法で自分のサーバーにインストールすることもできると書かれています。その場合、セットアップと保守はご自身の責任になります。

公式情報 (3)
penpot.app/penpot.app/pricinggithub.com/penpot/penpot