Penpot 2.0 - Figmaのオープンソース代替
(penpot.app)- Penpotは、デザイナーと開発者の間のギャップを埋めるWebベースのオープンソースデザインツール
- 登録は無料で、自社ホスティングでの導入にも対応
- 2.0のリリースで、Grid CSS layoutの追加、新しいコンポーネントシステム、コンポーネントのスワップ、HTMLコード生成などの機能が追加された
強力なデザインツール
- インターフェースデザイン
- 柔軟なレイアウト、デザインシステム、カスタムフォントに対応
- プロトタイピング
- インタラクティブなフロー、インタラクション、トランジション機能
- フィードバックと共有
- すべての関係者が参加可能
- コード検査
- 仕様、CSS、HTML/SVGマークアップを提供
実際のデザインとコードの協業
- PenpotはデザインをCSS、SVG、HTMLでネイティブに表現
- 開発者はインターフェース上で直接作業できる
- チーム全体が1つのシームレスなワークフローを享受できる
- もはやハンドオフの工程は不要
オープンスタンダードとオープンソース
- チーム規模に関係なく、現在または将来のあらゆるプロジェクトについて、成果物とツールを完全に所有できる
- APIとWebhookの柔軟性
- ブラウザ利用でもプライベートインスタンスでも、既存の開発ツールチェーンとPenpotを統合可能
コミュニティ
- ライブラリとテンプレート
- さまざまなテンプレートやライブラリを作成し、共有またはダウンロードしてPenpotのプロジェクトで利用できる
- コントリビュート
- コードやデザインアイデア、ライブラリ、テンプレート、統合、チュートリアルなどを通じて互いに助け合える
- Penpot Fest
- デザイナーと開発者が集まり、制約のないコラボレーションを築くカンファレンス
GN⁺の見解
- Penpotは、デザイナーと開発者の協業を円滑にするツールであり、デザイン要素をCSS、SVG、HTMLなどのWeb標準で表現することで、開発工程で追加作業なしにそのまま活用できるという利点がある。これにより、デザインから開発への移行がスムーズになるとみられる。
- 既存の類似ツールにはFigma、Sketch、Adobe XDなどがあるが、Penpotはオープンソースである点で差別化されている。ソースコードが公開されているため、誰でも機能を追加・修正でき、自社ホスティングも可能なため、セキュリティが重要な企業での利用に適している。
- ただし、まだ新しいプロジェクトであるだけに、安定性や性能の面では既存ツールに比べて不十分な可能性がある。また、既存ツールのエコシステムやプラグインをそのまま利用できないという制約もある。
- 総評すると、Web開発中心の組織であれば、開発工程との連携性に優れたPenpotの長所が際立つ一方で、一般的なデザイン協業では既存ツールをすぐに置き換えるのは難しそうだ。ただし、長期的にはオープンソースの強みを生かした発展が期待できるプロジェクトである。
4件のコメント
使ってみると、韓国語がうまく扱えない点が残念でした。（入力後に保存するとページエラーや文字化けなど）
PCでは問題なく動くようですが、モバイルやタブレットではまだビューアとしての配慮がされていません。
英語中心でPCだけで使う状況でなければ、まだ時期尚早のように思います。
PenpotはClojureで作られています。Languages Clojure 71.7%
Penpot - オープンソースのデザイン＆プロトタイピング協業ツール
オープンソースのFigma代替であるPenpot、800万ドルの投資を調達
FigmaのAdobeによる買収が進められていた時点で投資も受けていましたが、Figma買収が頓挫したことで少し微妙な立ち位置になってはいたんですよね。
今回2.0を出して、さらに良くなりましたね。コード生成に関しては、Figmaより優れているという評価が目を引きます。
Hacker Newsの意見
要約:
Lunacyは無料で、ログイン不要であり、Linuxネイティブクライアントを提供している。