Lessons
Explore all newline lessons
lesson
How to Trigger GitHub Actions From a Figma PluginThe newline Guide to React Component Design Systems with FigmagicTime to place the final cherry on the top. Cue up "I've got the power"!
lesson
How to Compose Complex Components With FigmagicThe newline Guide to React Component Design Systems with FigmagicCode generation with Figmagic 4 will only take you so far. For our most important and complicated components, we will need to do some manual work, composing small bits into more advanced ones. Let's compose one from what we've made so far!
lesson
How to Create Nested Figma Elements in FigmagicThe newline Guide to React Component Design Systems with FigmagicNow, we leave the easy flat components for the more detailed nested ones!
lesson
Flat vs Nested Elements in Figma and FigmagicThe newline Guide to React Component Design Systems with FigmagicGalloping ever onwards, we'll wave our magic wand and summon our low-complexity components.
lesson
How to Build Icons in Figma and Export Them With FigmagicThe newline Guide to React Component Design Systems with FigmagicAnd now for some bells and whistles—graphics and icons!
lesson
How to Create Design Tokens and Styles in FigmaThe newline Guide to React Component Design Systems with FigmagicLet's move on from basics to the intermediate level and actually make some designs.
lesson
An Intro to Figmagic Command Line ConfigurationThe newline Guide to React Component Design Systems with FigmagicGetting to know the configuration options is super important if you want to make the best use of Figmagic.
lesson
How Figma Files Are Organized in FigmagicThe newline Guide to React Component Design Systems with FigmagicWorking effectively with Figmagic means understanding how and what it actually parses from a document.
lesson
How to Set up Figmagic to Interact With Figma via CLIThe newline Guide to React Component Design Systems with FigmagicWith all the other hard, boxy stuff behind us, the perspective now moves to the front-end components and Figma.
lesson
How to Use the Figma API and Read Figma DocumentsThe newline Guide to React Component Design Systems with FigmagicIt's high time to get to know the Figma API, one of the real stars of our show.
lesson
An Intro to Figmagic, the Figma CLI For Token DesignThe newline Guide to React Component Design Systems with FigmagicFigmagic is the last piece in our toolchain that acts as the glue needed to super-charge your productivity.
lesson
Why Figma? The Pros of Collaborative DesignThe newline Guide to React Component Design Systems with FigmagicGoing from static files, private work, and image-based output to a collaborative, real-time component-oriented tool changes everything about the design workflow.