ThorType in Figma again

Today I worked on designing my font portfolio ThorType using Figma.

I replaced all the colours of the previous colour with variables so I could easily switch between palettes and picked some more neutral colours from coolors.

Initially I just thought I’d design towards a somewhat regular desktop screen, i.e. a 16″ Macbook Pro and the iPhone SE as that’s the smallest commonly used smartphone size I know of.

Now I’m looking into how to implement it. I’m curious about how Figma might export some of the design to CSS, all though I still expect there to be a fair bit of manual coding to get it the way I want it in NextJS.

I think initially I’ll simplify and refactor the application to more easily accommodate the new design.