究極のドラッグ&ドロップ LVGL エディター & GUI ビルダー

BETA LIVE NOW

LVGL インターフェースをビジュアルに構築 一緒に。

LVGL UI の設計、プロトタイプ作成、本番対応コードのエクスポート

無料で始める!
PicoPixel LVGL editor — font panel for embedded UI font selection and sizing

リアルタイムコラボレーション編集 — フィードバックを残し、変更をリアルタイムで確認し、チームを同期。

異なるバージョンを簡単に作成・復元。セッションアクションがウィジェットの詳細な変更を追跡。

再利用可能なカスタムウィジェットを作成し、既存のプロジェクトや他のプロジェクトにドラッグ&ドロップ。

チームメンバーやクライアントと共有できるライブ LVGL シミュレーター。インタラクションオーバーレイでタップ・スクロール可能な箇所を正確に表示。

フォントの配列を簡単に作成し、好みのサイズが見つかったら不要なものを整理。

PicoPixel とは?

PicoPixel はブラウザベースの LVGL ビジュアルエディターです。コンポーネントをライブキャンバスにドラッグ&ドロップし、ビジュアルにスタイリングし、ESP32 などでコンパイル可能なクリーンな C コードをエクスポートできます。

組み込み UI の Figma と考えてください — リアルタイムコラボレーション、内蔵シミュレーター、インストール不要。すべての機能を探索するか、使い方をご覧ください。

Used by makers at

主な機能

LVGL GUI 設計に必要なすべて

LVGL の完全なビジュアルツールキット — ドラッグ&ドロップレイアウトから本番対応コードのエクスポートまで。

PicoPixel LVGL editor — visual canvas with drag-and-drop widgets

ビジュアルデザインキャンバス

ピクセルパーフェクトな LVGL キャンバスにウィジェットを追加。構築しながらすべての変更をリアルタイムで確認。

PicoPixel LVGL editor — version control history panel showing project checkpoints

内蔵バージョン管理

内蔵バージョン管理であらゆる変更を追跡。アクションパネルで詳細なセッション履歴と正確なロールバックが可能。

PicoPixel LVGL editor — reusable component and asset library panel

アセットライブラリ

再利用可能なウィジェット、画像、フォント、カラー — ドラッグ&ドロップで新しいインターフェースを構築。

PicoPixel LVGL editor — code export panel with production-ready C code

簡単共有

クライアントやチームメンバーにシミュレーターリンクを送信 — 進捗を確認し、UI をライブで操作できます。

PicoPixel LVGL editor — events editor with drag-and-drop action builder

イベントエディター

ウィジェットやボタンにイベントハンドラーをドラッグ&ドロップ。コードを書かずに LVGL アクション、トランジション、コールバックを接続。

Arduino、ESP32 など幅広く対応

Arduino — compatible with PicoPixel LVGL editor Espressif — compatible with PicoPixel LVGL editor ESPHome — compatible with PicoPixel LVGL editor M5Stack — compatible with PicoPixel LVGL editor Adafruit — compatible with PicoPixel LVGL editor LILYGO — compatible with PicoPixel LVGL editor

PicoPixel は標準的な LVGL C コードを生成し、LVGL ポートを持つあらゆるプラットフォームでコンパイル可能 — ESP32、STM32、Arduino、Raspberry Pi Pico、その他数十種類のマイクロコントローラーに対応。

シンプルなワークフロー

使い方

1

デザイン

LVGL ウィジェットをピクセルパーフェクトなキャンバスにドラッグ&ドロップ。色、フォント、レイアウト、アニメーションをリアルタイムで設定。

2

プレビュー

WebAssembly 搭載の内蔵 LVGL シミュレーターでインターフェースを実行。チームやクライアントとインタラクティブなプレビューリンクを共有。

3

エクスポート

ターゲットボード向けに最適化された本番対応 C コードをダウンロード。書き込めばハードウェアで全く同じ UI を確認。他の LVGL エディターと比較

無料で利用可能

組み込み UI の構築を始めよう — 無料で。

クレジットカード不要。時間制限なし。ビジュアル LVGL エディターですぐに組み込みインターフェースに命を吹き込みましょう — ESP32、Arduino、M5Stack、その他 LVGL 対応ボード向けに。すべての機能を見る