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