# ui (user interface) — RSS Amplifier Recent posts from the 2 feeds in the RSS Amplifier directory that cover ui (user interface). Page: Feed: --- ## [Figma und KI-Agenten: Automatisierte Workflows von der Idee bis zum Code](https://kulturbanause.de/blog/figma-und-ki-agenten-automatisierte-workflows-von-der-idee-bis-zum-code/) _2026-08-11 · Jonas Hellwig · Agentur kulturbanause_ KI-Agenten in Kombination mit Figma werden entweder dafür eingesetzt, das Design-Team bei der Gestaltung von Layouts und Prototypen innerhalb von Figma zu unterstützen oder um fertige Design-Dateien und Flows in möglichst sauberen und konsistenten Code zu überführen. Grundlage für beides ist eine sauber aufgebaute und inhaltlich detailliert beschriebene Komponenten-Bibliothek. Der Beitrag Figma… [Listen](https://media.kulturbanause.de/2026/08/figma-design-agent-design-system-workflow.mp4) ## [Design Tokens](https://kulturbanause.de/blog/design-tokens/) _2026-07-22 · Jonas Hellwig · Agentur kulturbanause_ Wenn Design- und Development-Teams (und KI-Agenten) gemeinsam und effizient Produkte umsetzen sollen, ist ein systematisch organisiertes Design-System Pflicht. Design Tokens sind das Fundament dafür, und seit Oktober 2025 gibt es mit dem W3C-Standard erstmals ein einheitliches Format. Wir fassen zusammen, was Tokens leisten, wie ihr sie strukturiert, benennt und konsistent haltet und wie sie in… ## [Accessibility Overlays & Overlay Tools – unsere Haltung dazu bei kulturbanause](https://kulturbanause.de/blog/accessibility-overlays-overlay-tools-unsere-haltung-dazu-bei-kulturbanause/) _2026-06-23 · Jonas Hellwig · Agentur kulturbanause_ Accessibility-Overlays versprechen schnelle Barrierefreiheit für Websites und halten dieses Versprechen nicht. Wir setzen sie nicht ein und raten dringend davon ab. Der Beitrag Accessibility Overlays & Overlay Tools – unsere Haltung dazu bei kulturbanause erschien zuerst auf Agentur kulturbanause . ## [WordPress: PHP-only Blöcke mit autoRegister](https://kulturbanause.de/blog/wordpress-php-only-bloecke-mit-autoregister/) _2026-06-08 · Robert Menzel · Agentur kulturbanause_ Seit WordPress 7.0 können individuelle Blöcke auf PHP-Basis und ohne JavaScript erstellt werden. Die Option »autoRegister« registriert Input-Felder und Einstellungen automatisch und macht einen aufwändigen Build-Prozess in vielen Fällen überflüssig. Der Beitrag WordPress: PHP-only Blöcke mit autoRegister erschien zuerst auf Agentur kulturbanause . ## [Figma »Code to Canvas« und bidirektionale Workflows mit Claude](https://kulturbanause.de/blog/figma-code-to-canvas-und-bidirektionale-workflows-mit-claude/) _2026-04-07 · Jonas Hellwig · Agentur kulturbanause_ Figmas MCP-Feature »Code to Canvas«-ermöglich den Import fertig gecodeter Benutzeroberflächen aus dem Browser auf die Figma-Arbeitsfläche. Dank sog. bidirektionaler Workflows können anschließend Änderungen, die im Design vorgenommen wurden zurück in den Code übertragen werden. Der Beitrag Figma »Code to Canvas« und bidirektionale Workflows mit Claude erschien zuerst auf Agentur kulturbanause . ## [Figma Dev Mode: Layout Informationen auslesen – von Auto Layout zu Flexbox und Grid](https://kulturbanause.de/blog/figma-dev-mode-layout-informationen-auslesen-von-auto-layout-zu-flexbox-und-grid/) _2026-03-27 · Jonas Hellwig · Agentur kulturbanause_ Der Figma Dev Mode kann Layout-Informationen detailliert ausgeben – vorausgesetzt, das Design wurde entsprechend aufgebaut. Wer einige Grundlagen im Design beachtet, bekommt im Dev Mode keine Pixelwerte, sondern saubere CSS-Eigenschaften, Token-Namen und variable Einheiten, die sich direkt in Code übertragen lassen. Der Beitrag Figma Dev Mode: Layout Informationen auslesen – von Auto Layout zu… ## [Figma Code Connect UI: Komponenten mit »Production Ready« Code verknüpfen](https://kulturbanause.de/blog/figma-code-connect-ui-komponenten-mit-production-ready-code-verknuepfen/) _2026-03-27 · Jonas Hellwig · Agentur kulturbanause_ Mit dem Figma-Feature »Code Connect UI« lässt sich eine direkte Verbindung zwischen Figma-UI-Komponenten und dem tatsächlichen Production-Ready-Code in einem Repository herstellen. Statt der standardmäßigen Code-Interpretation von Figma seht ihr dann im Dev Mode den echten, getesteten Code ihrer Bibliothek. Der Beitrag Figma Code Connect UI: Komponenten mit »Production Ready« Code verknüpfen… ## [Figma HTML to Design: Wenn der Code zur Single Source of Truth wird](https://kulturbanause.de/blog/figma-html-to-design-wenn-der-code-zur-single-source-of-truth-wird/) _2026-03-26 · Jonas Hellwig · Agentur kulturbanause_ Mit dem Figma-Plugin »HTML to Design« können bestehende Code-Komponenten und Website-Elemente direkt in Figma importieren werden. Der Code wird somit zur Single Source of Truth. Der Beitrag Figma HTML to Design: Wenn der Code zur Single Source of Truth wird erschien zuerst auf Agentur kulturbanause . ## [Figma Dev Mode: Grafiken und SVGs exportieren](https://kulturbanause.de/blog/figma-dev-mode-grafiken-und-svgs-exportieren/) _2026-03-26 · Jonas Hellwig · Agentur kulturbanause_ Figma bietet im Dev Mode verschiedene Export-Optionen, die je nach Anwendungsfall unterschiedlich effizient sind. Wir zeigen die unterschiedlichen Möglichkeiten vom Export von Pixelgrafiken bis zum gezielten SVG-Export. Der Beitrag Figma Dev Mode: Grafiken und SVGs exportieren erschien zuerst auf Agentur kulturbanause . ## [Earn crypto for idle GPUs (Sponsored)](https://crawlproof.com/a/k2O2Tj48aCtG) _2026-03-26 · **Sponsored**_ Run one CLI, host Qwen/Llama/Mistral, and earn BTC, ETH, SOL, or USDC ## [Figma-Bibliotheken: Struktur, Updates und Dev-Mode-Besonderheiten](https://kulturbanause.de/blog/figma-bibliotheken-struktur-updates-und-dev-mode-besonderheiten/) _2026-03-26 · Jonas Hellwig · Agentur kulturbanause_ Komponenten werden in Figma üblicherweise in Bibliotheken verwaltet. Im Dev Mode kann für einzelne Komponenten analysiert werden, wo diese liegen und ob es Änderungen zum Original gibt. Der Beitrag Figma-Bibliotheken: Struktur, Updates und Dev-Mode-Besonderheiten erschien zuerst auf Agentur kulturbanause .