Top Articles, Lessons, Books & Courses for workflow

Highest Rated

Lessons

view all ⭢

lesson

Importance of keeping dependencies in order

Why it’s important to keep the dependencies organized

lesson

What is NX?

https://image.mux.com/jY1GtCUaXOpxv7veMVljovwnbd9Bu44MLKViLQ7yMmE/thumbnail.png?time=0

lesson

Event Emitter

lesson

Handling Error Messages

Adding error message handling to the existing TextInput component

https://s3.amazonaws.com/assets.fullstack.io/n/20211207071359411_CoverImage_DesignSystemswithFigmagic1.png

lesson

How to Trigger GitHub Actions From a Figma Plugin

The newline Guide to React Component Design Systems with Figmagic

Time to place the final cherry on the top. Cue up "I've got the power"!

Mikael Vesavuori

lesson

How to Author Quality Design Documentation

The newline Guide to React Component Design Systems with Figmagic

Good documentation is vital and shows that you care about your design system and those who will use it. Lacking good documentation practices could spell doom for a design system.

Mikael Vesavuori

lesson

How to Break up Designs Into Small, Atomic Components

The newline Guide to React Component Design Systems with Figmagic

Let's put the Figma-first approach to the test by taking the step to turn a design into code.

Mikael Vesavuori

lesson

UX Sketching and Double Diamonds: Build Atomic Design

The newline Guide to React Component Design Systems with Figmagic

Let's find our way by analyzing our UX sketches before digging into the details and building anything.

Mikael Vesavuori

lesson

How to Set up Figmagic to Interact With Figma via CLI

The newline Guide to React Component Design Systems with Figmagic

With all the other hard, boxy stuff behind us, the perspective now moves to the front-end components and Figma.

Mikael Vesavuori

lesson

How to Publish a React Component Library to NPM

The newline Guide to React Component Design Systems with Figmagic

While dogfooding does sound yucky, it's a word that connotes the practice of using one's own things, sometimes to build something new. That's what we will do now with the components we've built.

Mikael Vesavuori

lesson

Automatically Deploy React Code to GitHub and Cloudflare

The newline Guide to React Component Design Systems with Figmagic

That song with the "I like to move it-move it" lyrics must have been about pushing code to production...right?

Mikael Vesavuori

lesson

Build a Component Development Workflow With Storybook

The newline Guide to React Component Design Systems with Figmagic

It's vital we have a solid grounding for our component workflow if we are to build an entire library of them. In this lesson, we will set up a smooth, component-driven development workflow from code to Storybook.