02.08.2023 | 

Webinar: Design Systems: Zusammenspiel von Figma, Storybook und Angular

Im dritten und letzten Teil der Webinar-Reihe zu Design Systems zeigt dir unser UX/UI-Experte Konstantin Denerz ein mögliches Zusammenspiel von Figma, Storybook und Angular End-to-End. Wir werden uns auf eine Integration von Figma in Storybook und umgekehrt konzentrieren, um die Zusammenarbeit von Product Ownern, Designern und Developern zu verbessern. Außerdem werden wir besprechen, wie Design Tokens von Figma in Angular-Apps integriert werden können. Wir zeigen dir auch, wie du Entwicklung und Design zusammenbringst, um ein effektives Design System zu erstellen, das die Zusammenarbeit verbessert und die Entwicklung von qualitativ hochwertigen Produkten beschleunigt.

Mehr Beiträge zu Angular, UX/UI
Design Systems: Zusammenspiel von Figma, Storybook und Angular

Moderation

Marco Frodl

Marco Frodl

Marco Frodl ist Consultant bei der Thinktecture AG und versteht sich als ein IT-Dolmetscher zwischen Developern und Anwendern.

Agenda

  • Figma, Storybook und Angular: End-to-End-Demonstration
  • Verbesserung der Zusammenarbeit von Product Ownern, Designern und Developern
  • Integration von Design Tokens aus Figma in Angular-Apps
  • Entwicklung und Design: Zusammenarbeit für ein effektives Design System
  • Beschleunigung der Produktentwicklung und Steigerung der Qualität

Material & Video zu
"Design Systems: Zusammenspiel von Figma, Storybook und Angular"

Sie wünschen sich Unterstützung durch unsere Experten in Ihrem Projekt?

Slidedeck zu "Design Systems: Zusammenspiel von Figma, Storybook und Angular"

Kommende Webinare: jetzt kostenlos anmelden

Large Language Models, Daten & APIs: Integration von Generative AI Power – mit Python & .NET

Christian Weyer | 05.10.2023 | 10:30 Uhr

Azure OpenAI & private Large Language Models sicher deployen mit Terraform

Thorsten Hans | 18.10.2023 | 10:30 Uhr

Aktuelle Webinar-Aufzeichnungen

Weitere Artikel zu Angular, UX/UI

Angular
Konfiguration von Lazy Loaded Angular Modulen

Konfiguration von Lazy Loaded Angular Modulen

Die Konfigurierbarkeit unserer Angular-Module ist für den Aufbau einer wiederverwendbaren Architektur unerlässlich. Aber in der jüngsten Vergangenheit hat uns Angular seine neue modullose Zukunft präsentiert. Wie sieht das Ganze jetzt aus? Wie konfigurieren wir jetzt unsere Lazy-Komponenten? Lasst uns gemeinsam einen Blick darauf werfen.
03.08.2023
Angular
Using EntityAdapter with ComponentStore: @ngrx/entity Series – Part 3

Using EntityAdapter with ComponentStore: @ngrx/entity Series – Part 3

As someone who enjoys the ComponentStore on an average level, I have written simple reactive CRUD logic several times. While storing a vast number of entities in the component state might not be a frequent use case, I will briefly illustrate the usage of the EntityAdapter with the @ngrx/component-store.
14.02.2023
Angular
Multiple Entity Collections in the Same Feature State: @ngrx/entity-Series – Part 2

Multiple Entity Collections in the Same Feature State: @ngrx/entity-Series – Part 2

After introducing the @ngrx/entity package, I am often asked how to manage multiple entity types in the same feature state. While I hope that the previous part of this article series has made this more apparent, I will further focus on this question in the following.
07.02.2023
Angular
Managing Your Collections With the EntityAdapter: @ngrx/entity-Series – Part 1

Managing Your Collections With the EntityAdapter: @ngrx/entity-Series – Part 1

This three-part series of blogposts is targeted at developers who have already gained experience with NgRx but still manage their collections themselves. In the first part I introduce the Entity Adapter, in the second part I show you how to connect it to NgRx and in the third part how to do it with the Component Store as well.
31.01.2023
Angular
Implementing Smart and Presentational Components with Angular: Condensed Angular Experiences – Part 4

Implementing Smart and Presentational Components with Angular: Condensed Angular Experiences – Part 4

In this article, we will explore how to apply the concept of smart and presentational components with Angular. We will choose a complex-enough target to see all aspects in action, yet understandable and within the scope of this article. The goal is to teach you how to use this architecture in your way. For that, we will iterate through different development stages, starting with the target selection and implementing it in a naive way. After the first development, we will refactor that naive solution into smart and presentational components that are reusable, refactor-friendly, and testable.
23.01.2023
Angular
Angular OnPush – A Change Detection Strategy Revealing Mistakes in Your Code

Angular OnPush – A Change Detection Strategy Revealing Mistakes in Your Code

When optimizing the performance of Angular applications, many developers directly associate Angular's OnPush change detection strategy with it. But, if you don't know exactly how OnPush works under the hood, it will quickly teach you what you are doing wrong the hard way. In this article, we'll look deeper into how the OnPush strategy affects Angular's change detection mechanism and which pitfalls we should avoid at all costs.
24.10.2022

Unsere Webinare

Unsere Artikel

Mehr über uns