Webdesign Agentur für WordPress, Responsive Design, Grafik, Webentwicklung, Seminare und Schulungen in Berlin
Live Last read · last published · next check
Saves to your Watch queue, to pick up on another day or another device.
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…
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 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 .
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 .
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 .
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…
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…
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 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 .
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 .
