Jan Hesters

How to Implement Designs from a Figma File

  1. (Optionally) create a new project. If you're onboarding to an existing team that already has a code base, you can obviously skip this step.
  • In case you're a fullstack web developer, I have a tutorial how you can set up Next.js 15 for production with static analysis checks, testing, styling, and more. Link is in the description.
  1. Get the colors from the Figma file. They're usually saved under "Local styles" or "Local variables". Other styles that are sometimes there

Learn senior fullstack secrets

Subscribe to my newsletter for weekly updates on new videos, articles, and courses. You'll also get exclusive bonus content and discounts.