Roadmap für den Lopaka GUI-Designer
Hallo, das ist mein letzter Newsletter per E-Mail – zumindest für 2025.
Einige von euch haben vielleicht den laufenden Verkauf mit 50 % auf jeden Lopaka-Abonnement-Tarif (einschließlich Jahrestarife) verpasst. Das ist auf die ersten 50 Checkouts begrenzt. Nutze diesen Code: 2025BLACK
Deine großzügige Unterstützung ermöglicht es mir, Lopaka weiter zu bauen und mit der Community zu teilen. Sie hilft mir, mehr Features und Updates zu liefern.
*Gilt für bis zu 12 Monate. Der Code ist bis zum 30. November 23:59 UTC gültig.
Ich glaube, dass Transparenz entscheidend ist, um ein gutes Produkt zu bauen. Das ist das erste Mal, dass ich diese Roadmap mit jemandem teile. Es fällt mir immer schwer, mich auf große Ziele festzulegen. Stell sie dir als groben Entwurf oder als Vision für die Zukunft von Lopaka vor. Noch keine ETA.
Ich stelle mir eine Welt vor, in der jedes Gerät, egal wie klein, eine saubere, intuitive Oberfläche hat – und Lopaka ist die Art, wie sie gebaut wird.
DIE ROADMAP (imaginär)
- Ausbau der Unterstützung für die LVGL-Bibliothek, um Embedded-UI-Entwickler zu gewinnen.
- Basics: Button, Label, Image – Füge Kern-Widgets zum Editor hinzu, damit Nutzer mit LVGL-Komponenten ganz einfach grundlegende UIs gestalten können.
- Nesting & Alignment – Unterstützung für Parent-Child-Layouts und Ausrichtungswerkzeuge, um das Verhalten realer Layouts nachzubilden.
- Arc, Panel, List – Füge komplexere Widgets hinzu, um die Design-Flexibilität zu erweitern und zu realen Anwendungsfällen zu passen.
- Strukturierte Wiederverwendung von Design-Elementen über Screens/Projekte hinweg.
- Components and instances – Definiere wiederverwendbare Komponenten (wie Buttons) und instanziiere sie verknüpft über verschiedene Screens hinweg.
- Component States – Variantenlogik (z. B. Hover, gedrückt, inaktiv) für Interaktivität und Prototyping.
- Components Library – Geteilte, globale Komponenten, die über Projekte hinweg nutzbar sind.
- Workflow-Feinheiten und Präzisionswerkzeuge, die den Editor „solide“ wirken lassen.
- Code editing – Inline-Bearbeitung für automatisch generierten Code, um Logik anzupassen oder einzufügen.
- Layout Rework – UI/UX-Überarbeitung, um Reibung zu verringern und Layout-Werkzeuge intuitiver zu machen.
- Free canvas with frames – Weg von festen Screens; lass Nutzer auf einer freien Zeichenfläche arbeiten und Screen-Grenzen zeichnen.
- Grid & Guidelines – Hilf dabei, UI-Elemente präzise auszurichten und zu strukturieren.
- Snap to... – Aktiviere das Einrasten an Raster, Hilfslinien oder Objekten für pixelgenaue Layouts.
- True Copy-Paste – Behalte beim Kopieren zwischen Projekten die vollständigen Elementdaten bei.
- Edit text in-place – Klicke auf Text und bearbeite ihn direkt auf der Zeichenfläche (nicht in einer Seitenleiste).
- Mehr Zeichenfähigkeiten für UI-Skizzen und Mockups.
- More tools: triangle, arc – Füge weitere Formen hinzu, um reichhaltigere UIs zu zeichnen.
- Paint/Eraser size and shape – Passe Pinselwerkzeuge für Pixel Art oder Dekoration an.
- Bezier curves – Zeichne benutzerdefinierte Kurven
- Bessere Kontrolle und Flexibilität bei der Typografie für Displays.
- More default fonts – Erweitere die integrierten Schriftart-Optionen um gut lesbare Schriften für kleine Displays.
- U8G2 format – Unterstütze die einzigartige Schriftart-Struktur und Formatierung von U8g2.
- Convert any font to any format – Universeller Konverter für TTF/OTF → Adafruit/U8g2/LVGL usw.
- Custom glyphs sets – Lass Nutzer den Inhalt von Schriftart-Dateien definieren, um Speicher zu sparen
- Flowchart & Prototyping, um echte Nutzer-Flows zu simulieren
- Basic user flow diagram – Zeichne Flows zwischen Screens, um die Navigationslogik zu visualisieren.
- Clickable areas – Definiere antippbare Hotspots, um Interaktionen zu simulieren.
- External controls – Simuliere Tastendrücke oder Events von physischen Geräten.
- Organisiere Projekt-Assets für Wiederverwendung und Zusammenarbeit.
- Images Library – Zentrale Bibliothek zum Speichern importierter oder erstellter Bilder.
- Fonts Collections – Speichere Schriftart-Presets und verwende sie über Projekte hinweg wieder.
- Shared Components – Synchronisiere Komponenten über mehrere Nutzer/Projekte hinweg.
- Animations-Editor und Motion-Tools
- Keyframe editor – Timeline-basierte Bearbeitung für eine flüssige Animationssteuerung.
- Transitions editor – Definiere Interaktionen zwischen Screens oder Zuständen mit Motion-Effekten.
- Animations Library – Verwalte Animations-Presets oder importierte Sequenzen und verwende sie wieder.
- Version Control
- Verfolge die Design-Historie, mache Änderungen rückgängig und vergleiche Screen-Zustände.
- Integrierte Tools zur Unterstützung von Teamarbeit und Kommunikation.
- Team sharing & privacy – Lade Mitwirkende ein und verwalte Zugriffsrechte.
- Comments & Discussions – Hinterlasse Notizen oder Feedback zu bestimmten Elementen.
- Live editing – Multiplayer-Bearbeitung in Echtzeit wie in Figma.
Sheeesh... Das ist RIESIG. Okay... dann mal zurück an die Arbeit.
Wenn du dich auf dieser Reise einbringen möchtest und Expertise hast, die du teilen kannst, lass uns sprechen. Ich bin sehr offen für neue Gespräche.
Wenn du mich lieber auf eine andere Weise unterstützen möchtest, ziehe ein Abonnement in Betracht (verpasse die Gelegenheit mit dem Code 2025BLACK nicht).
P.S.: Ich werde weiterhin Updates in unserem Discord-Hub und bei lopaka_app auf X und Instagram posten.