日本語
Penpot ホスティング
オープンソースのウェブデザインプラットフォームでインターフェースとプロトタイプを協力して設計します。
- ワンクリック デプロイ
- 50 GB 必要なディスクスペース
- 4 GB RAM 必要なメモリ
- 10 €から 価格
セットアップ料金なし
公式リンク
Penpotの公式リンクとオリジナルウェブサイト
- もっと
Penpot ウェブサイト
AvaHostで得られるもの
ワンクリックデプロイメント、カスタムドメイン、無料のHTTPS、自動アプリケーション更新、およびスケジュールされたバックアップがすべてのクラウドアプリに付属しています。1台のサーバーで複数のアプリを実行でき、ターミナルアクセスも含まれています。
アプリと共にプロビジョニングされ、AvaHostによって管理されないPostgreSQLコンテナがあります。
テクノロジー
- Dockerイメージ
- penpotapp/frontend:2.16
- デフォルトポート
- 8080
- データベース
- postgres
Penpotの仕組み
Penpotはページ、ボード、レイヤー、シェイプ、テキスト、画像、コンポーネント、プロトタイプインタラクションを含むデザインファイルを保存します。デザイナーはブラウザでインターフェーススクリーンを配置し、フローに接続し、レビュー用にプロトタイプを共有します。コラボレーション機能により、チームメンバーは同じファイルで作業でき、リビジョンを別の画像として毎回エクスポートすることなく変更について議論できます。
コンポーネント、バリアント、フレキシブルレイアウト、デザイントークンは、繰り返されるビジュアル決定を再利用可能なシステムに変えます。開発者はインスペクションツールを使用して測定値を読み取り、サポートされているデザイン要素からCSS、SVG、またはHTML指向の出力を取得します。このアプリケーションは完全な本番アプリケーションを生成しません。インスペクション機能はデザイン意図をコードに変換するのに役立ち、エンジニアが引き続きレビューして実装します。
Penpotの主な機能
ベクター編集とレイアウトツールは、インターフェーススクリーン、アイコン、ダイアグラム、プロダクトコンセプトを作成します。インタラクティブプロトタイプはボードをナビゲーションとトランジション動作で接続し、ステークホルダーレビューまたはユーザーテストに対応します。コンポーネントとバリアントは、ファイル全体の重複したインターフェース要素を削減します。
デザイントークンは、色、タイポグラフィ、スペーシング、その他の繰り返し可能な決定に対して名前付き値を提供します。インスペクトモードは実装指向の詳細を公開し、webhookとAPIは外部開発ワークフローを接続できます。フォント、大規模ファイル、エクスポート、コラボレーションパターンは、チームが使用する予定の正確なプロジェクト構造でテストする必要があります。
PenpotとFigmaの比較
Penpot
Penpotは、オープンスタンダード、再利用可能なコンポーネント、トークン、インスペクト出力、オペレーター制御サーバーを中心に構築された、自己ホスト型のコラボレーティブデザインおよびプロトタイピングプラットフォームです。Figmaはプロバイダー管理のデザインスイートで、ブラウザコラボレーション、コメント、プロトタイピング、ライブラリ、Dev Mode、ハンドオフツール、統合、および大規模な商用エコシステムを備えています。
Figma
Figmaは、成熟したマネージドワークスペース、幅広いプラグインとコミュニティリソース、ベンダー運営のコラボレーションインフラストラクチャを求める組織に適しているかもしれません。Penpotは、チームが自己ホスティング、オープンファイルおよびウェブスタンダード、より密接なデザインからコードへの透明性を重視し、デザインスタックの運営責任を受け入れる場合に魅力的です。
Penpotの利用者
プロダクトデザイナーはインターフェースとプロトタイプを作成し、デザインシステムチームはコンポーネントとトークンを維持し、開発者は実装前にレイアウトをインスペクトします。エージェンシーは顧客プロジェクトを分離でき、インフラストラクチャ制御要件を持つ組織は、コラボレーティブデザイン作業を独自のホスト型インスタンスに保つことができます。
このツールは、チームがファイル構成、コンポーネント所有権、トークン命名、レビュープラクティスに同意する場合に最適に機能します。大規模なアセット、多くの同時編集者、複雑なプロトタイプ、広範なライブラリは負荷を増加させる可能性があります。自己ホスト型デザインサービスには、管理者アクセスとユーザーオンボーディングの明確な計画も必要です。
Penpotの自己ホスティング：要件とコスト
容量はアクティブなエディター、ファイルの複雑さ、アップロードされたアセット、コンポーネント、バージョン、プロトタイププレビュー、エクスポート、コラボレーション、およびAPI活動によって形成されます。カタログスタックには、PostgreSQL、Valkey、バックエンドサービス、およびウェブフロントエンドの横にあるエクスポーターが含まれます。PostgreSQLは含まれていますがアンマネージドで、そのメモリはエクスポートされたPenpotアプリケーション最小値の外にあります。
AvaHostはPenpotをプラン4に€20でマッピングします。ワンクリックデプロイメント、カスタムデザインドメイン、自動HTTPS、自動アプリケーション更新、スケジュール済みバックアップが含まれます。メール検証はカタログ構成で無効になっており、アプリケーションメールは利用できないため、メール招待とメールベースのリカバリは機能しません。アカウント作成のための直接登録は有効なままです。
F.A.Q
Penpotは、PostgreSQL、Valkey、バックエンド、エクスポーター、ウェブフロントエンドを考慮するとプラン4で€20から始まります。アクティブなエディター、ファイルの複雑さ、アップロードされたアセット、コンポーネント、プロトタイププレビュー、エクスポート、コラボレーション、およびAPIアクティビティが需要に影響します。チームは、ファイル数だけから容量を推定するのではなく、代表的なデザインシステムをテストする必要があります。
AvaHostはPostgreSQLをプロビジョニングし、Penpotサービスを自動的に接続します。ユーザー、チーム、プロジェクト、ファイル、コンポーネント、トークン、権限、およびアプリケーション設定はすべてデータベースに依存します。PostgreSQLは含まれていますが管理されていません。一方、Valkey、バックエンド、エクスポーター、および永続的なアセットがスタックの残りの部分を構成します。これらのサービス全体でプラン更新とリカバリーを一緒に実行してください。
カスタムホスト名は、DNSがインストールをポイントした後、自動化されたHTTPSでPenpotワークスペースを提供できます。最終アドレスをブックマーク、共有プロトタイプ、APIクライアント、ウェブフック、および統合に使用してください。ドメインが後で変更された場合は、サインイン、アセット読み込み、プロトタイプリンク、エクスポート、コールバック、および前のPenpot URLを埋め込んでいるドキュメントを確認してください。
カタログ設定はメール検証を無効にし、登録を有効なままにするため、ユーザーは検証メッセージを受け取らずにアカウントを作成できます。AvaHost アプリケーションメールは無効のままであり、これはメール招待とメールベースのリカバリーも削除します。管理者は登録アドレスを受け取るユーザーを制御し、オーナー認証情報を慎重に保持し、メール以外のアカウント復旧プロセスを文書化する必要があります。