ビジュアルドラッグ＆ドロップ LVGL エディター
LVGL インターフェースをビジュアルに構築
一緒に。LVGL インターフェースの設計、プロトタイプ作成、本番対応コードのエクスポート — 手書きコード不要。
無料で始める！
ビジュアルドラッグ＆ドロップ LVGL エディター
LVGL インターフェースの設計、プロトタイプ作成、本番対応コードのエクスポート — 手書きコード不要。
無料で始める！ リアルタイムコラボレーション編集 — フィードバックを残し、変更をリアルタイムで確認し、チームを同期。
異なるバージョンを簡単に作成・復元。セッションアクションがウィジェットの詳細な変更を追跡。
再利用可能なカスタムウィジェットを作成し、既存のプロジェクトや他のプロジェクトにドラッグ＆ドロップ。
チームメンバーやクライアントと共有できるライブ LVGL シミュレーター。インタラクションオーバーレイでタップ・スクロール可能な箇所を正確に表示。
フォントの配列を簡単に作成し、好みのサイズが見つかったら不要なものを整理。
PicoPixel はブラウザベースの LVGL ビジュアルエディターです。コンポーネントをライブキャンバスにドラッグ＆ドロップし、ビジュアルにスタイリングし、ESP32 などでコンパイル可能なクリーンな C コードをエクスポートできます。
組み込み UI の Figma と考えてください — リアルタイムコラボレーション、内蔵シミュレーター、インストール不要。すべての機能を探索するか、使い方をご覧ください。
主な機能
LVGL の完全なビジュアルツールキット — ドラッグ＆ドロップレイアウトから本番対応コードのエクスポートまで。
ピクセルパーフェクトな LVGL キャンバスにウィジェットを追加。構築しながらすべての変更をリアルタイムで確認。
内蔵バージョン管理であらゆる変更を追跡。アクションパネルで詳細なセッション履歴と正確なロールバックが可能。
再利用可能なウィジェット、画像、フォント、カラー — ドラッグ＆ドロップで新しいインターフェースを構築。
クライアントやチームメンバーにシミュレーターリンクを送信 — 進捗を確認し、UI をライブで操作できます。
ウィジェットやボタンにイベントハンドラーをドラッグ＆ドロップ。コードを書かずに LVGL アクション、トランジション、コールバックを接続。
PicoPixel は標準的な LVGL C コードを生成し、LVGL ポートを持つあらゆるプラットフォームでコンパイル可能 — ESP32、STM32、Arduino、Raspberry Pi Pico、その他数十種類のマイクロコントローラーに対応。
シンプルなワークフロー
LVGL ウィジェットをピクセルパーフェクトなキャンバスにドラッグ＆ドロップ。色、フォント、レイアウト、アニメーションをリアルタイムで設定。
WebAssembly 搭載の内蔵 LVGL シミュレーターでインターフェースを実行。チームやクライアントとインタラクティブなプレビューリンクを共有。