Penpot

CSSとSVG標準、リアルタイムコラボレーション、コード対応の引き継ぎを通じてデザイナーと開発者を結びつけるオープンソースのブラウザベースデザインプラットフォームです。

コミュニティ:

UI＆UXデザイン AIデザインアシスタント

ウェブサイトを訪問

Atoms - AIでウェブサイト・アプリをノーコードで構築

StoreClaw

Sponsor

オンライン販売者向けの自律的なコマースエンジンで、すべての主要なEコマースプラットフォームでストアを24時間365日監視、実行、成長させます。手動介入は不要です。

概要
代替品
分析

Atoms - AIでウェブサイト・アプリをノーコードで構築

製品概要

Penpotとは？

Penpotは、Kaleidosによって構築された無料のオープンソースデザインおよびプロトタイピングツールで、デザイナーと開発者のギャップを埋めることを目的としています。独自のデザインアプリとは異なり、CSSやSVGなどのWeb標準をネイティブにサポートしているため、デザイナーが構築したものが使用可能なコードに直接変換されます。チームは、Penpotのホスト型クラウドサービスを使用するか、独自のインフラストラクチャ上でセルフホストして完全なデータ所有権を得ることができ、このプラットフォームはワイヤーフレームからインタラクティブプロトタイピング、大規模なデザインシステムまであらゆるものをサポートします。

主な機能

コードとしてのデザイン
ネイティブのCSS GridとFlexレイアウトのサポートにより、デザインを実際のフロントエンドコードに直接マッピングでき、デザイナーと開発者間の引き継ぎの摩擦を軽減します。
リアルタイムマルチプレイヤーコラボレーション
複数のチームメンバーが同じファイルを同時に編集でき、フィードバック用の組み込みコメント機能と共有可能なプレゼンテーションリンクを提供します。
デザインシステムとコンポーネント
再利用可能なコンポーネント、バリアント、デザイントークン、共有ライブラリにより、大規模な製品スイート全体でビジュアルの一貫性を保つことができます。
組み込み開発ツール
コードインスペクターとプロパティパネルが、すぐに使えるCSS、SVG、HTMLスニペットと正確な測定値を生成し、実装を高速化します。
柔軟なセルフホスティング
組織は、オンプレミス、プライベートクラウド、またはDockerを介してPenpotをデプロイし、データとインフラストラクチャを完全に制御できます。
プラグインエコシステムとオープンAPI
拡張可能なプラグインアーキテクチャとオープンなREST APIにより、チームはワークフローを自動化し、AIエージェントプラグインを含むカスタム統合を構築できます。

ユースケース

UI/UXデザイン : デザイナーは、無限のキャンバス上でベクター編集、グリッド、高度なスタイリングツールを使用して洗練されたデジタル製品インターフェースを作成できます。
デザインから開発への引き継ぎ : 開発チームは、コードインスペクターを使用してデザインファイルから正確なCSSとSVGを直接取得し、実装中のコミュニケーションミスを削減します。
インタラクティブプロトタイピング : 製品チームは、トランジションとフローを含むクリック可能なプロトタイプを構築し、コードを書く前にユーザージャーニーをテストします。
エンタープライズデザインガバナンス : 大規模組織は、SSO、監査ログ、集中管理制御を使用して、デザインチーム全体の権限とセキュリティを管理します。
自己管理型デプロイメント : セキュリティを重視する企業とオープンソース推進者は、Penpotをセルフホストして、デザインアセットの完全な所有権を維持します。