PicoPixel について

PicoPixel とは？

PicoPixel は、LVGL を活用した組み込みユーザーインターフェース専用に設計されたブラウザベースのビジュアルデザインツールです。ピクセルパーフェクトなキャンバスにウィジェットをドラッグ＆ドロップ — ボタン、ラベル、スライダー、スイッチ、アーク、チャート、ドロップダウン、ローラー、チェックボックス、テキストエリア、タブビュー、コンテナ、画像 — ビジュアルにスタイルを設定し、ビジュアルイベントエディタでイベントハンドラを接続し、再利用可能なアセット（ウィジェット、画像、フォント、カラー）を管理して、ターゲットプラットフォーム向けのプロダクションレディな C コードをエクスポートできます。組み込みUIの Figma とお考えください。

主な機能には、ライブカーソルとアノテーションによるリアルタイムコラボレーション、WebAssembly で動作する LVGL ライブシミュレータ（ハードウェア上と同じピクセル単位の描画を再現）、きめ細かなセッション履歴を持つビルトインバージョン管理、ステークホルダーレビュー用の共有可能なシミュレータリンク、タイポグラフィ管理ツールが含まれます。すべてブラウザで動作し、インストールは不要です。

PicoPixel は標準的な LVGL 8.x C コードを生成し、LVGL ポートを持つあらゆるプラットフォームで動作します — ESP32、STM32、Arduino、Raspberry Pi Pico、NXP、Renesas、Linux ベースのシステムを含みます。エクスポートされたコードは ESP-IDF、Arduino IDE、PlatformIO で動作します。スマートホームパネルのプロトタイピング、産業用 HMI の構築、ハンドヘルドデバイスの UI デザインなど、PicoPixel は Web デザイナーが当たり前に使っているビジュアルワークフローを提供します。PicoPixel は商用プロジェクトを含め、無料でご利用いただけます。

開発の背景

組み込みデバイスの UI 構築は従来、ピクセル座標を手書きし、ローレベルなグラフィックスライブラリと格闘することを意味していました — C コードを書き、フラッシュし、ディスプレイを確認し、調整し、再びフラッシュする。私たちは、組み込み開発者も Web やモバイルの開発者と同じビジュアルデザイン体験を享受すべきだと信じています。PicoPixel は、ドラッグ＆ドロップエディタ、ハードウェア上での UI レンダリングを正確に表示するライブシミュレータ、そしてチームがリアルタイムで一緒にデザインできるコラボレーションワークフローによって、そのギャップを埋めます。

仕組み

PicoPixel は LVGL 開発をコードファーストのプロセスからビジュアルなドラッグ＆ドロップワークフローに変革します。プロセスは6つのステップに分かれます：デザイン — LVGL ウィジェットをピクセルパーフェクトなキャンバスにドラッグし、ビジュアルにスタイルを設定。インタラクションの接続 — ビジュアルイベントエディタを使って、ボタン押下を画面遷移に、スライダー変更をラベル更新に接続。すべて C コードを書かずに実現。プレビュー — WebAssembly で動作する LVGL ライブシミュレータで UI を確認。モックアップではなく、実際のレンダリングエンジンです。エクスポート — プロプライエタリな依存関係のない、プロダクションレディな LVGL C コード（.c および .h ファイル）を生成。統合とフラッシュ — エクスポートしたファイルを ESP-IDF、Arduino、または PlatformIO プロジェクトに追加。最後に、コラボレーションとイテレーション — ビルトインバージョン管理を使ってチームとリアルタイムで協力。詳しいステップバイステップガイドを見る。

PicoPixel と他ツールの比較

LVGL の主要なビジュアルエディタは PicoPixel、SquareLine Studio、EEZ Studio の3つです。PicoPixel はインストール不要のブラウザベースで、SquareLine Studio と EEZ Studio はデスクトップアプリケーションです。PicoPixel はリアルタイム共同編集、ビルトインバージョン管理、共有可能なシミュレータプレビューリンクを備えた唯一の LVGL エディタです。商用利用を含め、機能制限なく無料でご利用いただけます — SquareLine Studio の有料プランや EEZ Studio のオープンソース（GPL-3.0）モデルとは対照的です。

PicoPixel は余分なボイラープレートやプロプライエタリな依存関係のないクリーンな LVGL C コードをエクスポートします。現在 LVGL 8.x をサポートしており、v9.x は計画中です。PicoPixel はオープンベータ中のためウィジェットカバレッジは拡大中です — SquareLine Studio と EEZ Studio は現時点でより充実したウィジェットライブラリを備えています。EEZ Studio はビジュアルフローベースプログラミング（EEZ Flow）も提供し、完全にオープンソースです。SquareLine Studio はより大きな既存コミュニティとプラットフォーム固有のドキュメントが充実しています。詳細な比較を見る。

オープンベータと制限事項

PicoPixel は現在オープンベータ中で、個人開発者 Ed が一人で構築・メンテナンスしています。ウィジェットセットは積極的に拡充中で、LVGL v9.x サポートも計画されており、アニメーションやトランジションなどの機能はまだロードマップ上にあります。インフラのスケーリングに伴い、一時的な制限が発生する場合があります。皆さまの忍耐とフィードバックは非常に重要です — 何かお気づきの点がありましたら、お気軽にお問い合わせください。

お問い合わせ

ご質問、アイデア、パートナーシップのご相談など、お気軽にどうぞ。お問い合わせページからご連絡ください。