InVision

Definition: InVision (InVision Inc.; New York; NY; 2011–2024) war eine Cloud-basierte Design-Collaboration- und Prototyping-Plattform die es Designteams ermöglichte statische Mockups (aus Photoshop, Sketch oder Adobe XD exportiert) in klickbare, verlinkbare Prototypen zu verwandeln und diese für asynchrones Review, Stakeholder-Feedback und Entwickler-Handoff bereitzustellen. InVision-Kernfunktionen: Clickthrough-Prototyping (Hotspots auf Mockup-Bereichen; Übergangsanimationen zwischen Screens; In-App-Kommentare); InVision Inspect (Entwickler-Ansicht mit CSS-Werten, Abstanden, Assets; Vorläufer moderner Handoff-Tools); InVision DSM – Design System Manager (zentrales Design-System-Repository; Verknüpfung von Sketch-Bibliotheken mit Code-Dokumentation); InVision Studio (eigenständiges Vector-Design-Tool; 2018; sollte Sketch und Adobe XD herausfordern); InVision Freehand (kollaboratives Online-Whiteboard; 2017; Vorläufer zu Miro/FigJam). Auf dem Höhepunkt 2018–2019: über 7 Millionen registrierte Nutzer; Kunden Amazon, Netflix, Airbnb, IBM, Twitter; Unternehmensbewertung circa 1,9 Milliarden USD (Unicorn-Status; letzte Finanzierungsrunde Oktober 2019; 350 Millionen USD Series F). Einstellung: InVision stellte seinen Cloud-Service zum 31. Dezember 2024 ein nachdem das Kernprodukt durch Figma funktional obsolet geworden war und mehrere Entlassungswellen (2019: 50 Mitarbeiter; 2022: 400 Mitarbeiter; 2023: weitere Kürzungen) die Firma geschwächt hatten.

Erläuterung

InVision wurde 2011 von Clark Valberg (CEO; New York) und Ben Nadel (CTO; New York; bekannter ColdFusion- und JavaScript-Blogger; bennadel.com) gegründet. Das Kernproblem das InVision löste: 2011–2015 hatten Designteams keine einfache Möglichkeit interaktive Prototypen ohne Programmierkenntnisse zu erstellen; der damalige Standard war Axure RP (komplexes Wireframing-Tool für technisch versierte Designer) oder statische PDF-Exports; InVision ermöglichte erstmals mit minimalem Aufwand: Sketch- oder Photoshop-Screens hochladen; Hotspots definieren; Link generieren; Stakeholder klicken sich durch ohne Software-Installation. Diese Einfachheit trieb explosives Wachstum: 2012 hatte InVision 700 Nutzer; 2014: 1 Million; 2016: 3 Millionen; 2018: 7 Millionen. Die Finanzierungsgeschichte: Seed-Runde 2012; Series A (1 Million USD; 2012); bis zur Series F 2019 insgesamt über 350 Millionen USD von Investoren wie Battery Ventures, Tiger Global, FirstMark Capital. Der strukturelle Nachteil von InVision gegenüber Figma (Dylan Field und Evan Wallace; San Francisco; CA; gegründet 2012; erste Browser-Demo September 2015; öffentlicher Launch 2016) lag in der Architektur: InVision war ein Datei-Import-Tool – der eigentliche Design-Prozess fand in Sketch, Photoshop oder Adobe XD statt; nach jeder Änderung musste eine neue Version hochgeladen werden; Figma war der erste Browser-native Vector-Design-Editor der Live-Kollaboration («Multiplayer», ähnlich Google Docs) ermöglichte. Figma 2016–2019 gewann zunehmend Marktanteile; Adobe (San José; CA; NASDAQ: ADBE) versuchte InVision mit dem geplanten Kauf von Figma für 20 Milliarden USD (September 2022) zu neutralisieren; die EU-Wettbewerbsbehörde (Europäische Kommission; Margrethe Vestager; Wettbewerbskommissarin) blockierte die Akquisition im Dezember 2023; Figma blieb unabhängig; InVision hatte keine Chance mehr sich zu erholen. Tom Petrie (UX-Stratege) und mehrere Design-Journalisten analysierten InVisions Scheitern als klassisches Innovator's Dilemma (Clayton Christensen; Harvard Business School; «The Innovator's Dilemma», 1997): InVision war so stark auf sein bestehendes Import-Workflow-Modell fokussiert dass der Schritt zu einem browser-nativen Editor (der das Kerngeschäft kannibalisiert hätte) nie konsequent vollzogen wurde; InVision Studio (2018) war zu spät und zu wenig ausgereift um die Lücke zu schließen.

InVision-Produktlinie und Workflow-Integration

InVision Prototyping und Inspect-Workflow: Prototyping-Workflow (2011–2024): (1) Design in Sketch, Photoshop oder Adobe XD erstellen; (2) Screens als PNG oder über Craft-Plugin (InVision's Sketch-Plugin) direkt hochladen; (3) Hotspots auf Klick-Bereichen definieren; (4) Ziel-Screen und Übergangs-Animation wählen (Dissolve, Slide, Push, 3D-Tilt usw.); (5) Share-Link für Review; InVision Inspect (eingeführt 2016): CSS-Code-Generierung für Texte und Shapes; Abstands-Messung per Mouse-Over; Asset-Export in 1x/2x/3x; Farbwerte; Schrift-Spezifikationen; war der erste Handoff-Standard bevor Figma Dev Mode (2023) und Zeplin (2015) dominierten; Craft by InVision (Sketch-Plugin; 2016): Sync-Tool das Sketch-Bibliotheken mit InVision-Projekten verknüpfte; Stock-Foto-Integration; Dummy-Daten für Prototypen; InVision DSM (Design System Manager; 2017): zentrales Design-System-Dokumentations-Tool; Sketch-Bibliothek-Sync; Code-Component-Verlinkung; wurde von Zeroheight und Supernova funktional übertroffen; InVision Freehand (2017): kollaboratives Online-Whiteboard; Concurrent-Editing; Sticky Notes; Vorläufer zu Miro, FigJam, Figjam; InVision Studio (eigenständiges Design-Tool; Beta 2018; vollständiger Launch nie erreicht): sollte Sketch ablösen; ambitioniertes Animation-System; blieb hinter Figma zurück
InVision vs. Figma – Technologievergleich: Architekturunterschied: InVision: Import-First (Design extern erstellt; Import für Prototyping und Review); Figma: Design-First im Browser (Design und Prototyping in einem Tool; kollaborativ ohne Import); Browser-native Kollaboration: Figma (2016): Echtzeit-Multiplayer-Editing; mehrere Designer gleichzeitig an einem File; keine File-Sync-Konflikte; InVision: asynchrones Feedback per Kommentar; kein gleichzeitiges Editieren; Cloud-Storage: Figma: alle Files in der Cloud; kein lokales File-Management; InVision: Files auf lokalem Computer in Sketch/PS gespeichert; InVision nur für Sharing; Pricing: Figma Free-Tier (unbegrenzte Dateien für 1 Nutzer; 3 Projekte für Teams): drastisch niedriger Einstiegspreis; InVision Free: nur 1 Projekt; schnell an Grenzen; Mobile-Preview: InVision Mirror (iOS/Android-App): Echtzeit-Preview auf Device; nützlich für Mobile-Prototypen; Migration von InVision zu Figma: InVision selbst veröffentlichte vor der Einstellung Migrationsdokumentation; kein automatischer Import von InVision-Projekten nach Figma möglich; Screens mussten manuell als Bilder exportiert und als Figma-Frames importiert werden
Markt-Kontext und Design-Tool-Landschaft 2024: Design-Tool-Marktanteile 2024 (Quellen: State of Design Tools Survey; uxtools.co; 2023): Figma: ~76% der UX/UI-Designer; Sketch (Bohemian Coding B.V.; Niederlande; seit 2010): ~10%; Adobe XD (Adobe; ursprünglich 2016; Entwicklung 2023 eingestellt): ~8%; andere (Framer, Penpot, Affinity Designer): ~6%; InVision: unter 1%; Sketch-Trajektorie: Sketch popularisierte Symbol-Libraries (2015), wurde zum macOS-Standard bis Figma es verdrängte; Sketch wechselte 2021 zu Abonnement-Modell; blieb aber Mac-only was Cross-Platform-Teams zu Figma trieb; Framer (Amsterdam; Niederlande; 2014; Koen Bok und Jorn van Dijk): nächste Generation; Code-basiertes Design; React-Komponenten; Transition zu No-Code-Website-Builder 2022; Penpot (Taiga.io; Madrid; Spanien; open source seit 2020): Open-Source-Alternative zu Figma; SVG-basiert; selbst-hostbar; wächst in datenschutzsensitiven Unternehmensumgebungen

Lessons Learned aus InVisions Geschichte

Innovator's Dilemma und Produktstrategie-Fehler: Clayton Christensen's «Innovator's Dilemma»-Muster (Harvard Business School; Cambridge; MA; «The Innovator's Dilemma: When New Technologies Cause Great Firms to Fail», Harvard Business Review Press, 1997): erfolgreiche Unternehmen scheitern oft nicht weil sie die neue Technologie nicht kennen sondern weil sie ihre bestehenden Kunden und Ertragsquellen schützen und daher nicht konsequent auf disruptive Alternativen wechseln; InVision erkannte Figmas Browser-nativen Vorteil früh und versuchte mit InVision Studio (2018) gegenzusteuern; Studio war aber zu spät (2 Jahre hinter Figma), zu buggy (Beta-Status lange), und zu ähnlich zu Sketch in einer Welt die bereits zu Figma migrierte; Alternative Strategie-Option (rückblickend): InVision hätte 2017–2018 seine Stärken (Prototyping, Stakeholder-Collaboration, Handoff) als Figma-Plugin repositionieren können statt ein konkurrierendes Design-Tool zu bauen; Framer und Zeplin wählten erfolgreich Nischen-Positionierungen; InVision versuchte als Full-Suite-Plattform zu überleben
Migration und Asset-Sicherung für ehemalige InVision-Nutzer: Export-Optionen vor Einstellung (31. Dezember 2024): InVision bot Batch-Export aller Screens als PNG oder PDF; Prototypen-Struktur nicht exportierbar (nur Screens); InVision DSM: Design-Tokens als JSON exportierbar; Komponenten-Dokumentation als Markdown; Zielplattformen nach InVision: Figma (Design und Prototyping); Zeroheight oder Supernova (Design-System-Dokumentation); Zeplin (Handoff-spezifisch); Miro oder FigJam (Whiteboard); Archive-Empfehlung: alle InVision-Projekte als ZIP-Export sichern; wichtige Prototypen als Screen-Recordings dokumentieren; Stakeholder-Kommentare als Textexport sichern; Lessons für Tool-Auswahl: Investition in proprietäre Workflows in nicht-open-source-Tools trägt Migrationsrisiko; Open-Source-Tools (Penpot) oder etablierte Marktführer mit hoher Switching-Cost (Figma-Files als Standard) reduzieren dieses Risiko

Praxistipp: InVisions Geschichte ist eine Warnung vor Tool-Lock-in: Teams die tief in InVision-Workflows investiert hatten mussten 2024 mit erheblichem Aufwand migrieren. Für alle Design-Tool-Entscheidungen gilt: prüfen Sie ob Ihre Daten exportierbar und in anderen Tools nutzbar sind, und vermeiden Sie Arbeitsweisen die nur in einem einzigen proprietären Tool funktionieren. Wenn Sie noch InVision-Assets haben: exportieren Sie jetzt alle Screens, Prototypen-Dokumentation und DSM-Inhalte bevor der Zugang endgültig entfällt.