画像・デザイン#デザイン#ブラウザ#共同編集

Penpot

アプリの画面やチラシの見た目を、ブラウザで作れる

四角や文字を並べて見た目を作り、画像として書き出せます。使う人数が増えても料金が変わりません。

Penpotの公式サイトへ ↗Penpotの開発資料（GitHub）

GitHubのスター数 6.0万GitHub上の更新 2026年9月20日当サイトの確認日：2026年9月20日

まず、ここだけ見れば分かります

料金: 無料（有料版あり）自分で置くなら無料。提供元のクラウド版にも無料で使える範囲があります。
日本語: 日本語は一部画面の表示を日本語に切り替えられます。用語の一部は英語のままです。
対応環境: ブラウザ / Linux
準備の目安: ★★★準備あり必要なソフトを入れたり、文字で指示を入力したりする準備があります。
計算用の部品: 専用のGPUは必須ではありませんGPUは、画像やAIなどの計算にも使われる部品です。必要な性能や処理時間は、使う機能・設定で変わります。
必要なもの: ブラウザ。自分で置く場合は Docker

自分に合う進め方を選ぶ

料金だけでなく、最初の準備と、使い続ける手間も比べてみましょう。

Penpotを使ってみる ↓必要な準備と操作手順を確認ほかのサービスと比べる ↓Figmaとの違いを確認

これは何？

アプリの画面やチラシの見た目を作るための道具です。ブラウザで開いて、四角・文字・画像を並べて配置します。複数人で同時に同じ画面を触れます。作ったものは画像やPDFとして書き出せます。

できること・できないこと

できること

画面やチラシの見た目を作る
複数人で同時に編集する
作ったものをリンクで見せる
画像・PDF・SVG として書き出す
押したら次の画面へ進む、という動きを試せる形にする

できないこと

写真の加工（別の道具が向いています）
動く映像を作ること
そのまま動くアプリを書き出すこと

こんな人に向いています

作りたいものの見た目を、先に決めてから進めたい人
デザインの道具が人数で課金されるのが負担な人
外注する前に、自分でたたき台を作りたい人

こんなふうに使えます

AIに作らせる前に、画面のたたき台を作る
言葉で説明するより、絵にして見せたほうが早く伝わります。作った画像をそのままAIに渡す使い方もできます。
チラシやバナーの下書きを作る
文字と写真の位置を決めてから、書き出して使います。

使いはじめるまで

Penpotを使うための案内

手順は上から順番に進めます。「入力例」がある場合は、どの画面へ入力するか、どの名前で保存するかを本文で確認してください。

Penpotの開発資料（GitHub） ↗

上のリンクはPenpotの開発資料です。GitHubというサイト自体の見方は、共通のGitHub入門で説明しています。

この手順で出てくる言葉の意味

Docker（ドッカー）: アプリと、それを動かすのに必要なものをまとめて扱う道具です。Docker自体の準備や設定が必要です。

1まず提供元のサービスで試す
自分で置かなくても、提供元のクラウド版に登録すればすぐ触れます。合うかどうかを先に確かめてください。
2表示を日本語にする
アカウントの設定から言語を日本語に変えられます。
3四角と文字を置く
左の道具から四角を選んで置き、文字を入れます。ここまでで見た目の骨格ができます。
4書き出す
書き出したいものを選んで、画像やPDFとして保存します。
5自分の場所に置きたくなったら
Docker を使って自分のサーバーに置けます。データが自分の手元に残ります。

つまずいたときはAIに手伝ってもらう聞き方を見てください。使っているパソコンと、どの手順で止まったかを伝えましょう。

いいところ・気になるところ

いいところ

人数で料金が変わらない
ブラウザだけで始められる
日本語表示にできる
自分の場所に置ける

気になるところ

有料のデザインサービスに比べると、部品やテンプレートが少ない
複雑な図では動作が重くなることがある
日本語の解説がまだ少ない

ALTERNATIVE

似たことができるサービス

どちらが自分に合うかは、目的によって変わります

似たことができるサービスPR

Figma

ブラウザで使うデザインサービス

同じく画面のデザインを作れます。仕事の現場で使われている場面が多いのはこちらです。

Figmaでできること: 部品やテンプレートが豊富。日本語の解説が多い。共有する相手も使っていることが多い。
Penpotでできること: 人数で料金が変わらない。自分のサーバーに置ける。

無料枠あり／人数で課金サービス内容・利用条件を見る ↗

紹介先：figma.com（別のタブで開きます）

広告・PR：紹介先で申し込むと、当サイトに紹介料が入ることがあります。

Penpotの開発情報・出典

GitHub上で公開されているPenpotのプログラムに関する情報です。スター数はGitHubで関心を示した数で、Penpotの利用者数を表すものではありません。

GitHubのスター数: 60,186（2026年9月20日時点）
ライセンス: MPL-2.0
主な言語: Clojure
GitHub上の更新: 2026年9月20日直近3か月以内に更新されています
開発資料（GitHub）: https://github.com/penpot/penpot
公式サイト: https://penpot.app/
当サイトでの確認日: 2026年9月20日

スター数・ライセンス・主な言語・最終更新は、2026年9月20日に GitHub から自動で取得した値です。ライセンスの補足と、説明文・準備の目安の判定は当サイトが書いています。ライセンスや料金は変わることがあるので、使う前に必ず公式の情報をご確認ください。

次に見るなら

READ

このツールが出てくる記事

🎨特集見た目を自分で作る。用途から選ぶ、無料のデザインソフト›

SIMILAR

似たツール

同じことができる、または一緒によく使われるもの