# wiredframe > UI/UX Design & Figma-to-Code | Freelance Designer für Agentic Coding & Design Systems --- ## Niemand hat die Absicht eine Website zu errichten ... *... und doch passiert es jeden Tag - und Claude hat mitgemacht!* --- > **Prompts werden gerade abgefeuert, mit fragwürdigem Ergebnis.** Jeden Tag werden unzählige Websites gebaut und hinter dem Rücken der braven Bürger einfach online gestellt. Viele bemerken es nicht einmal, denn oft sind sie schon bei Fertigstellung veraltet, inkonsistent oder einfach langweilig. --- ## Wie konnte es nur dazu kommen? Viele Websites sind bis heute traumatisiert und wollen nicht darüber sprechen was sie erleiden mussten. Experten ist es dennoch gelungen aufzudecken, wie sie massenweise hergestellt werden. Die Tatsachen sind schockierend. - KI generiert Code schneller als du „Figma Dev Mode“ sagen kannst. - Design Tokens existieren, aber niemand nutzt sie konsistent. - Agentic Coding: Die KI entscheidet jetzt selbst, was sie baut. - Meetings über das Design dauern länger als das Design selbst. - Figma-Files mit 99+ Seiten, aber keiner weiß, wo das finale Design liegt. - „Figma-to-Code“ heißt oft: Copy-Paste und debuggen bis Mitternacht. --- ## Wiredframe hilft Das einzig bekannte Gegenmittel gegen schlechtes Design ist Leidenschaft, gepaart mit Erfahrung und den richtigen Workflows. Egal ob neues Projekt oder Relaunch. | Leistung | Worum es geht | |---|---| | **UI/UX Design mit Figma** | Moderne Interfaces und Experience Design mit Figma, FigJam und Dev Mode. | | **Figma-to-Code Workflows** | Nahtloser Übergang von Figma zu Code mit Code Connect und einem Handoff, der diesen Namen verdient. | | **Design Systems & Tokens** | Tokens, Komponenten-Bibliotheken und Styleguides für Markenauftritte, die konsistent bleiben. | | **Agentic Coding & AI** | KI-gestützte Design-to-Code Pipelines mit Cursor, Copilot und Claude. Damit die KI baut, was du meinst. | --- ## Was ist Wiredframe? Wiredframe, das ist Ulf Schuster: unabhängiger UI/UX Designer und Digital Creator aus Leidenschaft seit 21 Jahren. Remote und kollaborativ, von der ersten Idee bis zum Launch. | Zahl | Wofür | |---|---| | **200+** | abgeschlossene Projekte | | **21** | Jahre Berufserfahrung | | **0** | Bock damit aufzuhören | ![Porträt von Ulf Schuster](https://www.wiredframe.de/images/portrait.jpg) --- ## Geheime Projekte Die letzten zehn Projekte, deren Namen nicht genannt werden dürfen. In allen war ich ein zuverlässiger, design-systemtreuer Kollaborateur: Termine gehalten, Absprachen gehalten, Klappe gehalten. | Jahr | Projekt | Technik | |---|---|---| | 2026 | Website für ein Unternehmen aus dem Bereich Tourismus | | | 2026 | Website für ein Unternehmen aus dem Bereich Küchen | | | 2026 | Website für eine soziale Einrichtung | Payload | | 2026 | Website für eine Investmentfondsgesellschaft | | | 2025 | Website für eine öffentliche Einrichtung | | | 2025 | Website für ein Unternehmen aus dem Bereich Photovoltaik | | | 2024 | Website für ein Unternehmen aus dem Bereich Messtechnik | | | 2025 | Onlineshop für ein Unternehmen aus dem Bereich Ersatzteilehandel | Shopware | | 2025 | Onlineshop für ein Unternehmen aus dem Bereich Baustoffhandel | Shopware | | 2025 | Website für ein Unternehmen aus dem Bereich Biotechnologie | | ### Und die echten Namen? Die nenne ich gern, samt den Auftraggebern dahinter. Wer das Codewort kennt, muss nicht bis Mitternacht an der großen Eiche warten. --- ## Öffentlicher Code Vibe Coding? Agentic Engineering? Egal wie man es nennt: Gebaut wird mit KI-Agenten als Mitwissern, und heraus kommen KI-Workflows, nützliche Apps oder einfach ein Werkzeug mehr im Skriptkasten. Wie es jeweils dazu kam, steht in der [Mitschrift](https://www.wiredframe.de/blog/index.md). | Repository | Beschreibung | Sprache | Stand | |---|---|---|---| | [homebrew-tap](https://github.com/Wiredframe/homebrew-tap) | Homebrew tap for Wiredframe's macOS apps | Ruby | Oktober 2026 | | [rectmangle](https://github.com/Wiredframe/rectmangle) | Minimal macOS window manager modelled on Rectangle: keyboard shortcuts, no network access | Swift | Oktober 2026 | | [dropme](https://github.com/Wiredframe/dropme) | A small, private drop shelf for macOS, inspired by Dropover. No network, no telemetry. | Swift | Oktober 2026 | | [mittelklick](https://github.com/Wiredframe/mittelklick) | Middle click on the macOS trackpad by tapping with three or four fingers, no network | Swift | Oktober 2026 | | [flow](https://github.com/Wiredframe/flow) | A tiny, fast photo and video viewer for macOS: one folder, square grid, newest first, videos play in place. | Swift | Oktober 2026 | | [los](https://github.com/Wiredframe/los) | A tiny launcher for everything you installed in the terminal. Los means go! | Shell | Oktober 2026 | | [wiredframe-website](https://github.com/Wiredframe/wiredframe-website) | Noch ohne Beschreibung, aber öffentlich einsehbar. | HTML | Oktober 2026 | | [kontor-buchhaltung](https://github.com/Wiredframe/kontor-buchhaltung) | Lokale Buchhaltungs-App (SwiftUI + SwiftData) für Freelancer – EÜR, UStVA, KSK, MCP-Server | Swift | Oktober 2026 | | [kontor-landingpage](https://github.com/Wiredframe/kontor-landingpage) | Landingpage für Kontor – die native macOS-Buchhaltungs-App für KSK-versicherte Freiberufler (EÜR, UStVA, KSK, Rücklagen, lokal auf dem Mac). | HTML | Oktober 2026 | | [reminders-cli](https://github.com/Wiredframe/reminders-cli) | A simple CLI for interacting with macOS reminders | | September 2026 | | [paper-comic-reader](https://github.com/Wiredframe/paper-comic-reader) | Paper Comic Reader — a focused iOS comic reader | Swift | September 2026 | | [ricoh-sp150-macos-tahoe](https://github.com/Wiredframe/ricoh-sp150-macos-tahoe) | Get the Ricoh SP 150 (USB, host based) printing again on macOS 26 Tahoe using only Apple CoreGraphics. No Ghostscript, no print server. | C | September 2026 | | [Simple-Comic](https://github.com/Wiredframe/Simple-Comic) | macOS comic viewer | Objective-C | September 2026 | | [vscode-live-inspect](https://github.com/Wiredframe/vscode-live-inspect) | Faithful HTML live preview for VS Code with click to source, inspect outline, and lightweight in place editing | TypeScript | Juli 2026 | | [paper-comic-reader-landingpage](https://github.com/Wiredframe/paper-comic-reader-landingpage) | Landing page for Paper Comic Reader — a lean, native iPhone & iPad comic reader that makes pages read like ink on paper. | HTML | Juli 2026 | | [basquiat](https://github.com/Wiredframe/basquiat) | Agents for Figma design files | | März 2026 | | [Figma-to-Code](https://github.com/Wiredframe/Figma-to-Code) | Noch ohne Beschreibung, aber öffentlich einsehbar. | JavaScript | Februar 2026 | | [convert-figma-variables2css-output](https://github.com/Wiredframe/convert-figma-variables2css-output) | Noch ohne Beschreibung, aber öffentlich einsehbar. | CSS | August 2024 | | [Responsive-Replacer-Dynamic](https://github.com/Wiredframe/Responsive-Replacer-Dynamic) | Noch ohne Beschreibung, aber öffentlich einsehbar. | TypeScript | Juni 2023 | | [Responsive-Replacer-Static](https://github.com/Wiredframe/Responsive-Replacer-Static) | Noch ohne Beschreibung, aber öffentlich einsehbar. | TypeScript | Juni 2023 | | [Responsive-Replacer-Text](https://github.com/Wiredframe/Responsive-Replacer-Text) | Noch ohne Beschreibung, aber öffentlich einsehbar. | TypeScript | Juni 2023 | | [Duplicate-Component](https://github.com/Wiredframe/Duplicate-Component) | Noch ohne Beschreibung, aber öffentlich einsehbar. | TypeScript | Juni 2023 | --- ## Mehr Informationen? Punkt Mitternacht, an der großen Eiche. Codewort: `herbstlaub`. Keine Namen, keine Visitenkarten, kein Wort über das Wetter. Informanten, die mich auf eine heiße Spur zu künftigen Auftraggebern führen, werden selbstverständlich belohnt. - **[Konspiratives Treffen](https://outlook.office.com/book/EinGesprchvereinbaren@wiredframe.onmicrosoft.com/?ismsaljsauthenabled)** - **[Telegramm hinterlassen](mailto:info@wiredframe.de)** - **[Mitschrift lesen](https://www.wiredframe.de/blog/index.md)** --- ## Impressum, Datenschutz & Nutzungsbedingungen #### Diensteanbieter Angaben gemäß § 5 DDG: Ulf Schuster Sindelsdorferstraße 27a 82377 Penzberg Deutschland #### Kontakt E-Mail: info@wiredframe.de Web: wiredframe.de #### Umsatzsteuer-Identifikationsnummer Gemäß § 27a Umsatzsteuergesetz: DE256451894 #### Redaktionell verantwortlich Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV: Ulf Schuster, Anschrift wie oben. #### Verbraucherstreitbeilegung Ich bin nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. #### Haftung für Inhalte Als Diensteanbieter bin ich gemäß § 7 Abs. 1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG bin ich jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben davon unberührt. Eine diesbezügliche Haftung ist erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Werden mir solche Verletzungen bekannt, entferne ich die Inhalte umgehend. #### Haftung für Links Diese Seite verlinkt auf externe Websites Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte keine Gewähr übernehmen. Verantwortlich ist stets der jeweilige Anbieter oder Betreiber. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße geprüft, rechtswidrige Inhalte waren nicht erkennbar. Eine dauernde inhaltliche Kontrolle ist ohne konkrete Anhaltspunkte nicht zumutbar. Werden mir Rechtsverletzungen bekannt, entferne ich die Links umgehend. #### Urheberrecht Die von mir erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen meiner schriftlichen Zustimmung. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit Inhalte nicht von mir stammen, sind die Urheberrechte Dritter beachtet und solche Inhalte gekennzeichnet. Sollte Ihnen dennoch eine Urheberrechtsverletzung auffallen, bitte ich um einen Hinweis. #### Bildnachweis Die Icons stammen aus dem Solar Icon Set von 480 Design und stehen unter der Lizenz [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). Das Hintergrundmuster der dunklen Flächen heißt „Wavey Fingerprint“ und stammt aus den [Hero Patterns](https://heropatterns.com/) von Steve Schoger. Es steht ebenfalls unter der Lizenz [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). #### Schriftnachweis Die Überschriften stehen in der Brawler von Oleg Frolov und Haley Fiege für [Cyreal](https://github.com/cyrealtype/Brawler), Copyright 2011 The Brawler Project Authors. Der übrige Text steht in der [Onest](https://github.com/simpals/onest), Copyright 2021 The Onest Project Authors. Beide Schriften stehen unter der [SIL Open Font License 1.1](https://openfontlicense.org). ### Datenschutz #### Verantwortlicher Verantwortlich für die Verarbeitung personenbezogener Daten auf dieser Seite bin ich, Ulf Schuster, Anschrift und E-Mail wie oben. Einen Datenschutzbeauftragten muss ich nicht benennen. #### Was diese Seite nicht tut Sie setzt keine Cookies, bindet keine Analyse-, Tracking- oder Werbedienste ein und führt kein Nutzerkonto. Ein Kontaktformular gibt es nicht. Die Schriften liegen auf dem Server dieser Seite, es wird also keine Verbindung zu Google Fonts oder einem anderen Schriftdienst aufgebaut. #### Hosting und Server-Protokolle Diese Seite wird über GitHub Pages ausgeliefert, einen Dienst der GitHub B.V., Vijzelstraat 68 bis 72, 1017 HL Amsterdam, Niederlande, und der GitHub, Inc., 88 Colin P. Kelly Jr. Street, San Francisco, CA 94107, USA. Beim Aufruf verarbeitet GitHub die dafür technisch notwendigen Zugriffsdaten: IP-Adresse, Datum und Uhrzeit, die abgerufene Adresse, die verweisende Seite sowie Angaben zu Browser und Betriebssystem. Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO, mein berechtigtes Interesse an einer sicheren und zuverlässigen Auslieferung. Auf diese Protokolle habe ich selbst keinen Zugriff. Einzelheiten stehen in der [Datenschutzerklärung von GitHub](https://docs.github.com/de/site-policy/privacy-policies/github-general-privacy-statement). Dabei können Daten in die USA übermittelt werden. GitHub hat gegenüber dem US-Handelsministerium zertifiziert, dass es die Grundsätze des EU-US Data Privacy Framework einhält, und stützt Übermittlungen zusätzlich auf die Standardvertragsklauseln der Europäischen Kommission. #### Speicherung in Ihrem Browser Wer das Codewort eingibt, schaltet die Projekte mit Namen frei. Damit das beim Neuladen so bleibt, merkt sich die Seite das im Sitzungsspeicher Ihres Browsers (sessionStorage, Eintrag „wf-projekte“). Der Eintrag enthält nur den Wert 1 und verschwindet von selbst, sobald Sie den Tab oder das Fenster schließen (§ 25 Abs. 2 Nr. 2 TDDDG). #### Kontaktaufnahme Schreiben Sie mir eine E-Mail, verarbeite ich Ihre Angaben, um die Anfrage zu beantworten. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO, soweit es um die Anbahnung eines Vertrags geht, sonst Art. 6 Abs. 1 lit. f DSGVO. Ich lösche die Daten, sobald sie nicht mehr gebraucht werden und keine gesetzlichen Aufbewahrungsfristen entgegenstehen. #### Terminbuchung über Microsoft Die Schaltfläche „Microsoft Teams“ führt auf eine Buchungsseite von Microsoft. Mit dem Klick verlassen Sie diese Seite, ab dort gilt der Datenschutzhinweis von Microsoft. Erst wenn Sie dort einen Termin buchen, geben Sie Daten an. Ich erhalte Name, E-Mail-Adresse und den gewünschten Zeitpunkt, um den Termin wahrzunehmen (Art. 6 Abs. 1 lit. b DSGVO). #### Apps Die Abschnitte oben betreffen diese Website. Für meine Apps für iOS, iPadOS und macOS gilt: Sie enthalten keine Analyse, kein Tracking, keine Nutzerkonten und keine Werbung. Ich erhebe, empfange, speichere und teile keine personenbezogenen Daten über Sie. Was Sie in einer App anlegen oder in sie importieren, samt Fortschritt und Einstellungen, bleibt lokal auf Ihrem Gerät und, wenn Sie das aktiviert haben, in Ihrem eigenen iCloud-Backup. Freiwillige Trinkgelder wickelt Apple über den App Store ab, Zahlungsdaten erhalte ich dabei nicht. Verarbeitet eine einzelne App darüber hinaus Daten, weise ich in der App und an dieser Stelle gesondert darauf hin. Die zugehörigen Nutzungsbedingungen stehen weiter unten. #### Ihre Rechte Sie können Auskunft über die zu Ihnen gespeicherten Daten verlangen (Art. 15 DSGVO), deren Berichtigung (Art. 16), Löschung (Art. 17), die Einschränkung der Verarbeitung (Art. 18) und die Übertragung Ihrer Daten (Art. 20). Verarbeitungen, die auf einem berechtigten Interesse beruhen, können Sie widersprechen (Art. 21). Eine formlose Nachricht an die oben genannte Adresse genügt. Unabhängig davon steht Ihnen der Weg zu einer Aufsichtsbehörde offen. Zuständig ist das Bayerische Landesamt für Datenschutzaufsicht, Promenade 27, 91522 Ansbach. #### Stand August 2026. Ändert sich etwas an dieser Seite, ändert sich dieser Text mit. ### Nutzungsbedingungen für die Apps Diese Bedingungen gelten für alle Anwendungen, die ich über den App Store (iOS, iPadOS) und den Mac App Store (macOS) anbiete, unabhängig von Plattform und Gerät. Mit dem Herunterladen, der Installation oder der Nutzung einer App erklären Sie sich damit einverstanden. Ergänzend gelten die Regelungen von Apple, insbesondere die Standard-EULA („Licensed Application End User License Agreement“). Diese Bedingungen treten, soweit zulässig, an deren Stelle oder ergänzen sie. #### 1. Kostenlose Bereitstellung, freiwillige Trinkgelder Meine Apps sind kostenlos. Innerhalb einer App können Sie freiwillige Trinkgelder („Tips“) über den App Store geben. Ein Trinkgeld ist eine Unterstützung meiner Arbeit und kein Kauf von Funktionen, Leistungen oder Support. Daraus entsteht insbesondere kein Anspruch auf bestimmte Funktionen, auf Updates, auf Support oder auf Weiterentwicklung und Verfügbarkeit einer App. Die Abwicklung übernimmt Apple, für Rückerstattungen gelten die Bedingungen von Apple. #### 2. Keine Zusicherung von Funktionen, Updates oder Weiterentwicklung Über Inhalt, Umfang und Weiterentwicklung meiner Apps entscheide ich allein. Ich darf jederzeit und ohne Vorankündigung Funktionen hinzufügen, ändern, einschränken oder entfernen, Betrieb, Pflege, Aktualisierung oder Support einer App einstellen und eine App vorübergehend oder dauerhaft aus dem App Store nehmen. Ein Anspruch auf den Fortbestand bestimmter Funktionen, auf Updates, auf dauerhafte Verfügbarkeit oder auf Weiterentwicklung besteht nicht, auch nicht infolge geleisteter Trinkgelder. #### 3. Nutzungsrecht Ich räume Ihnen ein einfaches, nicht ausschließliches und nicht übertragbares Recht ein, die App im Rahmen der jeweils geltenden App-Store-Nutzungsregeln von Apple für eigene Zwecke zu nutzen. #### 4. Gewährleistung und Haftung Die Apps werden „wie besehen“ und „wie verfügbar“ bereitgestellt. Ich übernehme keine Gewähr dafür, dass eine App fehlerfrei, ununterbrochen, sicher oder für einen bestimmten Zweck geeignet ist oder Ihren Erwartungen entspricht. Da ich die Apps unentgeltlich bereitstelle, hafte ich, gleich aus welchem Rechtsgrund, nur für Vorsatz und grobe Fahrlässigkeit. Für einfache Fahrlässigkeit hafte ich nicht. Das gilt insbesondere für Schäden aus der Nutzung oder der Nichtnutzbarkeit einer App, einschließlich Datenverlust, entgangenem Gewinn und Betriebsunterbrechungen. Unberührt bleibt meine Haftung bei Verletzung des Lebens, des Körpers oder der Gesundheit, nach dem Produkthaftungsgesetz sowie in Fällen, in denen ich einen Mangel arglistig verschwiegen oder eine Garantie übernommen habe. Soweit meine Haftung ausgeschlossen oder beschränkt ist, gilt das auch für die persönliche Haftung meiner gesetzlichen Vertreter und Erfüllungsgehilfen. #### 5. Nutzung auf eigene Gefahr, Daten und Backups Die Nutzung erfolgt auf eigene Gefahr. Für Ihre Daten sind Sie selbst verantwortlich. Da sie grundsätzlich lokal auf Ihrem Gerät liegen, obliegt Ihnen die regelmäßige Sicherung. Für den Verlust von Daten, etwa durch Fehler, Updates, das Entfernen einer App oder Geräte- und Systemfehler, hafte ich nur nach Ziffer 4. #### 6. Berechnungen, Steuern und Finanzen Einzelne Apps unterstützen bei Berechnungen und Auswertungen, etwa zu Buchhaltung, Einnahmen und Ausgaben, Umsatz- und Einkommensteuer. Sämtliche Ergebnisse, Werte, Übersichten und Berichte erfolgen ohne Gewähr auf Richtigkeit, Vollständigkeit oder Aktualität. Sie sind ausdrücklich keine Steuerberatung, keine Rechtsberatung und keine Finanz- oder Anlageberatung, insbesondere nicht im Sinne des Steuerberatungsgesetzes oder des Rechtsdienstleistungsgesetzes. Die Apps ersetzen weder die Beratung durch eine fachlich qualifizierte Person noch die Prüfung durch das Finanzamt. Sie sind allein dafür verantwortlich, alle Ergebnisse selbst zu prüfen und Ihre steuerlichen und rechtlichen Pflichten korrekt zu erfüllen. Für Nachteile, die aus dem Vertrauen auf berechnete Ergebnisse entstehen, etwa Steuernachzahlungen, Zinsen, Säumniszuschläge oder Bußgelder, hafte ich nach Ziffer 4. #### 7. Apple als Drittbegünstigte Apple und die mit Apple verbundenen Unternehmen sind Drittbegünstigte dieser Bedingungen und berechtigt, sie Ihnen gegenüber durchzusetzen. Apple ist nicht Vertragspartei und übernimmt keine Verantwortung und keine Haftung für die Apps, deren Inhalte oder deren Nutzung. Verantwortlich bin allein ich. #### 8. Änderungen der Nutzungsbedingungen Ich kann diese Bedingungen anpassen, soweit das erforderlich ist. Es gilt die jeweils in der App oder hier veröffentlichte Fassung. #### 9. Anwendbares Recht Es gilt das Recht der Bundesrepublik Deutschland unter Ausschluss des UN-Kaufrechts. Zwingende verbraucherschützende Vorschriften des Staates, in dem Sie Ihren gewöhnlichen Aufenthalt haben, bleiben unberührt. #### 10. Salvatorische Klausel Sollte eine Bestimmung unwirksam sein oder werden, bleibt die Wirksamkeit der übrigen unberührt. #### Stand August 2026. Ändert sich etwas an den Apps, ändert sich dieser Text mit.