ドラッグ＆ドロップで組み込み UI を作れる LVGL エディタ・GUI ビルダー。
LVGL インターフェース構築に必要なすべて
PicoPixel は、ドラッグ＆ドロップ設計、リアルタイム共同編集、WebAssembly 駆動のライブシミュレーター、製品に組み込める C コードの出力を備えたブラウザベースのビジュアル LVGL GUI ビルダーです。ESP32、STM32、Arduino、および LVGL 互換プラットフォーム向けの組み込みタッチスクリーン UI を設計できます。
無料で始める機能
ドラッグ＆ドロップのキャンバス
LVGL ウィジェットを配置し、画面を見ながら色、フォント、余白、Flex レイアウトを調整できます。変更はその場で確認できます。
リアルタイム共同編集
チームメンバーと同じプロジェクトを同時に編集できます。互いのカーソルや変更を確認し、コメントを残し、リンクで共有。組み込み UI でも Figma のように共同作業できます。
ライブ LVGL シミュレーター
ブラウザ上で動作する WebAssembly 駆動の LVGL シミュレーターで UI をプレビュー。実際のレンダリングエンジンです — モックアップではありません。
再利用可能なアセットライブラリ
カスタムウィジェット、画像、フォント、カラーを共有ライブラリに保存。どのプロジェクトにもドラッグで追加できます。
ビジュアルイベントエディター
ウィジェットにアクションをドラッグして、画面の切り替え、スタイル変更、値の更新を設定できます。C コードを書く必要はありません。
製品に組み込めるコードエクスポート
整理された LVGL C コード（.c / .h）を出力できます。独自ライブラリに依存せず、ESP32、STM32、Arduino などの LVGL 対応環境でコンパイルできます。
共有可能なプレビューリンク
シミュレーターリンクを誰にでも送信可能。ブラウザでライブ LVGL インターフェースを操作できます — アカウント不要。
ブラウザベース — インストール不要
デスクトップアプリ不要、ライセンスドングル不要。ブラウザのタブを開いてデザインを開始。あらゆる OS で動作します。
バージョン管理内蔵
チェックポイントの作成、任意のバージョンへの復元、Session Actions による詳細な変更追跡。UI デザインに外部 VCS は不要です。
LVGL UI の設計からコード出力まで
PicoPixel は、LVGL の UI を画面上で設計できるエディタです。ボタンの配置、ラベルの見た目、イベントコールバックを一つずつ C コードで書く代わりに、ドラッグ＆ドロップで組み立てられます。完成したデザインは、製品に組み込める標準の LVGL コードとして出力できます。
スマートホームの操作パネル、産業用 HMI、携帯端末、新製品のタッチスクリーンなど、さまざまな組み込み UI の設計と試作に使えます。出力したコードは ESP32、STM32、Arduino、Raspberry Pi Pico など、LVGL が動く環境に対応します。他の LVGL エディタとの比較もご覧ください。
よくある質問
PicoPixel は SquareLine Studio とどう違いますか？
PicoPixel はブラウザベース（インストール不要）で、チームでのリアルタイム共同編集をサポートし、WebAssembly 駆動のライブ LVGL シミュレーターを搭載しています。SquareLine Studio は商用利用に有料ライセンスが必要なデスクトップアプリケーションです。PicoPixel には機能が充実した無料プランがあり、有料プランも利用しやすい価格に抑えています。詳細な比較については、LVGL エディター比較をご覧ください。
PicoPixel はどのハードウェアプラットフォームをサポートしていますか？
PicoPixel は、LVGL ポートを持つあらゆるプラットフォームで動作する標準 LVGL C コードを生成します — ESP32（ESP32-P4 を含むすべてのモデル）、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas、Linux ベースのシステムを含みます。LILYGO、M5Stack、Waveshare、Guition、Elecrow、Adafruit のボードでテスト済みです。ハードウェアが LVGL を実行できれば、エクスポートされたコードはそのまま動作します。
PicoPixel はどのようなコードを生成しますか？
PicoPixel は、読みやすく整理された LVGL C コード（.c および .h ファイル）を含む zip ファイルをエクスポートします。出力にはウィジェットの作成、スタイリング、レイアウト、イベントハンドラーの設定が含まれます — すべて標準 LVGL API 呼び出しを使用し、独自ライブラリへの依存はありません。
PicoPixel は無料ですか？
はい。PicoPixel は無料で使え、今後も無料プランは続きます。クレジットカードは不要です。ローンチ以降、PicoPixel は予想以上のペースで成長しており、コミュニティの反応をとてもうれしく思っています。有料プランは、より大きな規模が必要なチームやユーザー向けに現在ご利用いただけます。無料の Community プランでも、基本的な編集機能、ライブシミュレーター、コードエクスポートを引き続き利用できます。有料プランでは、保存容量やプロジェクト数、チームの人数、商用利用の売上上限を増やせます。詳細は よくある質問 をご覧ください。
PicoPixel をオフラインで使用できますか？
PicoPixel はインターネット接続が必要なウェブアプリケーションです。自動保存機能があるため、接続が切れても作業は保護されます。オフラインサポートをご希望の場合はお知らせください。
ライブシミュレーターは本当に LVGL を実行していますか？
はい。PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。プレビューに表示されるのは実際の LVGL レンダリングエンジンであり、モックアップや CSS の近似ではありません。出力はターゲットハードウェアとピクセル単位で一致します。