Lessons

Explore all newline lessons

Tags
Author
Search authors...
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/ahK8Bud7IyHA3vvjyorGqB00iq00imZFw4B02aVAS7grYU/thumbnail.png?time=0

lesson

Creating Tailwind CSS Presets With Design TokensBuild a Complete Company Design System

Creating a Tailwind CSS preset with JavaScript design tokens

Avatar Image
Costa Alexoglou
https://image.mux.com/E3l8QqnYFBwxiA6VxpC75aKWYIe00012DYgCpIs9Q01JRA/thumbnail.png?time=0

lesson

A Guide to Transforming Design Tokens with Style DictionaryBuild a Complete Company Design System

Transforming raw design tokens with Style Dictionary

Avatar Image
Costa Alexoglou
https://image.mux.com/x00XDtilecndpFgbM6jEmLoWqhwdDfG01T6S3hCeAv5Vs/thumbnail.png?time=0

lesson

How to Work With and Structure Design TokensBuild a Complete Company Design System

How to work with design tokens

Avatar Image
Costa Alexoglou
https://image.mux.com/Sobm02lxxRl8027HHJe2IMIuj00OC019fmvqUh01BSGX00hNo/thumbnail.png?time=0

lesson

Create ESLint and Prettier Configs for a Design SystemBuild a Complete Company Design System

Avatar Image
Costa Alexoglou
https://image.mux.com/pE02DxoZyqPDi2eHrkBbiL1Quh017Qm7QRKOdd317DAxY/thumbnail.png?time=0

lesson

How to Build a Dynamic Design System With TypeScriptBuild a Complete Company Design System

Avatar Image
Costa Alexoglou
https://image.mux.com/TtqSGBJNOeNBr48HSvXejnuspaQxgpu8nhXjnrarq3U/thumbnail.png?time=0

lesson

Using Yarn Workspaces to Create a MonorepoBuild a Complete Company Design System

Using yarn workspace to create a monorepo

Avatar Image
Costa Alexoglou
https://image.mux.com/Dszk8Rro016izSM5Axx2yPM00YaJ702Pp02016aPOO4Dntpk/thumbnail.png?time=0

lesson

How to Structure a Design System MonorepoBuild a Complete Company Design System

How to structure a design system monorepo

Avatar Image
Costa Alexoglou
https://image.mux.com/3PaJ00jicjhdpg00rZzU00zpk100aI901XJkV2KcVbtKs2mI/thumbnail.png?time=0

lesson

How to Turn a Figma Design System Into CodeBuild a Complete Company Design System

How to convert a Figma file to requirements

Avatar Image
Costa Alexoglou
https://image.mux.com/00ljRkc1CNO02Km8bO2vaFgybNgCgrG7ek1u4RIjqGUhw/thumbnail.png?time=0

lesson

Pace Layering and Atomic Design System Mental ModelsBuild a Complete Company Design System

How to think of design systems and model them appropriately

Avatar Image
Costa Alexoglou
https://image.mux.com/xvdq7HSNwDyADAqLpHDSpiet018AwtDtHyWoSmCYnK8c/thumbnail.png?time=0

lesson

What are Design Systems and Why are They so Popular?Build a Complete Company Design System

Why design systems are becoming popular

Avatar Image
Costa Alexoglou
https://s3.amazonaws.com/assets.fullstack.io/n/20220923025410696_CoverImage_DesignSystem.png

lesson

Build a Company Design System - Course OverviewBuild a Complete Company Design System

Which technologies we will be using in this course

Avatar Image
Costa Alexoglou
https://image.mux.com/AnipOCQNdmr8s01OoeKVLAdAqcpN1Z5feJ2N3M5GIIZs/thumbnail.png?time=0

lesson

Build a Company Design System - Course IntroductionBuild a Complete Company Design System

An introduction to the course

Avatar Image
Costa Alexoglou