ビジュアルドラッグ＆ドロップ LVGL エディター。

LVGL インターフェース構築に必要なすべて

PicoPixel は、ドラッグ＆ドロップ設計、リアルタイムコラボレーション、WebAssembly 駆動のライブシミュレーター、本番環境対応の C code エクスポートを備えたブラウザベースのビジュアル LVGL GUI ビルダーです。ESP32、STM32、Arduino、および LVGL 互換プラットフォーム向けの組み込みタッチスクリーン UI を設計できます — 早期アクセス中は無料。

無料で始めましょう！

ビジュアルドラッグ＆ドロップキャンバス

LVGL ウィジェットをピクセルパーフェクトなキャンバスに配置し、ビジュアルにスタイリングできます。色、フォント、パディング、フレックスレイアウトをリアルタイムで調整。

ButtonLabelSliderSwitchArc

リアルタイムコラボレーション

チームと同時に同じプロジェクトを編集。ライブカーソル、フィードバック、共有プロジェクトリンク — 組み込み UI 向けの Figma のように。

A
B
C
3 team members online

ライブ LVGL シミュレーター

ブラウザ上で動作する WebAssembly 駆動の LVGL シミュレーターで UI をプレビュー。実際のレンダリングエンジンです — モックアップではありません。

320 × 240 — LVGL 8.x

再利用可能なアセットライブラリ

カスタムウィジェット、画像、フォント、カラーを共有ライブラリに保存。どのプロジェクトにもドラッグで追加できます。

Widgets 3 saved
Colors
Aa Fonts
Images

ビジュアルイベントエディター

LVGL イベントハンドラーをビジュアルに設定。ウィジェットにアクションをドラッグ — 画面遷移、スタイル変更、値の更新 — C code の記述は不要です。

本番環境対応のコードエクスポート

クリーンな LVGL C code（.c および .h ファイル）をエクスポート。プロプライエタリな依存関係なし。ESP32、STM32、Arduino、および LVGL プラットフォームでコンパイル可能。

lv_obj_t *btn = lv_btn_create(parent);
lv_obj_set_size(btn, 120, 50);
lv_obj_center(btn);

共有可能なプレビューリンク

シミュレーターリンクを誰にでも送信可能。ブラウザでライブ LVGL インターフェースを操作できます — アカウント不要。

app.picopixel.io/share/proj_x8k2m

ブラウザベース — インストール不要

デスクトップアプリ不要、ライセンスドングル不要。ブラウザのタブを開いてデザインを開始。あらゆる OS で動作します。

ChromeFirefoxSafariEdge

バージョン管理内蔵

チェックポイントの作成、任意のバージョンへの復元、Session Actions による詳細な変更追跡。UI デザインに外部 VCS は不要です。

Added home screen
Styled nav bar
Initial layout

完全なビジュアル 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 はどのハードウェアプラットフォームをサポートしていますか？

PicoPixel は、LVGL ポートを持つあらゆるプラットフォームで動作する標準 LVGL C code を生成します — ESP32、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas、Linux ベースのシステムを含みます。エクスポートされたコードは既存のファームウェアプロジェクトに統合できます。

PicoPixel はどのようなコードを生成しますか？

PicoPixel は、クリーンで人間が読める LVGL C code（.c および .h ファイル）を含む zip ファイルをエクスポートします。出力にはウィジェットの作成、スタイリング、レイアウト、イベントハンドラーの設定が含まれます — すべて標準 LVGL API 呼び出しを使用し、プロプライエタリな依存関係はありません。

PicoPixel は無料ですか？

はい。PicoPixel は商業プロジェクトを含め無料で使用できます。クレジットカードは不要です。PicoPixel は一人の開発者によって構築・維持されているため、プラットフォームの成長とユーザーの増加に伴い、運営を維持するための有料プランが導入される可能性があります。無料ティアは常に提供されます。

PicoPixel をオフラインで使用できますか？

PicoPixel は現在、ブラウザベースのアプリケーションのため、インターネット接続が必要です。オフラインサポートは将来的に検討しています。

ライブシミュレーターは本当に LVGL を実行していますか？

はい。PicoPixel は LVGL を WebAssembly にコンパイルし、ブラウザで直接実行します。プレビューに表示されるのは実際の LVGL レンダリングエンジンであり、モックアップや CSS の近似ではありません。出力はターゲットハードウェアとピクセル単位で一致します。

LVGL インターフェースの構築を無料で始めましょう —

組み込み UI をビジュアルにデザインし、ライブ LVGL シミュレーターでプレビューし、本番環境対応の C code をエクスポート。インストール不要。クレジットカード不要。ブラウザで PicoPixel を開いてデザインを開始しましょう。

無料で始めましょう！

商業プロジェクトを含め無料で利用可能 — FAQ を読む · お問い合わせ