components and variants respecting breakpoints

Responsive UI design with Figma’s variables and modes

https://uxdesign.cc/responsive-ui-design-with-figmas-variables-and-modes-2f97a36be6f7

Figma

I agree 100%. PDF + website is the more useable route for sure. The goal is to move my case studies to my main (jonhargreaves.com) and/or create case studies on my read.cv profile. 👌🏻

Btw just saw an article that might help you since you’re thinking about the Figma route:

https://uxdesign.cc/responsive-ui-design-with-figmas-variables-and-modes-2f97a36be6f7

Perhaps Framer would be the fix to that issue!

Yeah, I think the most simple approach will be to just add case study pages to my personal website.

And yes! I've been digging Tailwind at the moment.

You have a really great collection of Tailwind themes by the way! I might have to use one of them. 👌🏻

I would stick to traditional to be franc.

- PDF > print/email
- website

That's going to take wonders 😅. I understand you want to do it on Figma, on Read.cv? Didn't knew this.

Could be a good first step. 
But, again, they might no be familiar with it.

Just checked your site, Tailwind eh? 

I also build stuff with Tailwind at lexingtonthemes.com

Not at all BUT

mobile performance won't be great.

Thanks for sharing this! I've been meaning to get into Figma's variables specifically for responsive UI 👏🏻

Np! 

Same here, wrapped my head around the dark/light mode some time ago.

But haven’t delved deeper into it yet.

It might be! That or I'll just figure out how to add these case studies to my site (jonhargreaves.com). :)

Is it lazy of me to host my portfolio in a Figma file? 😅
jonhargreaves.design

Agreed! This is definitely an issue to consider. A more readable portfolio / case studies format is needed.

Not being mobile friendly is my main concern. At some point I'd like to build out each case study on my site (jonhargreaves.com) or create some case studies on my read.cv profile. :)

Hopefully the Figma file will only be temporary OR I can use it to show detailed design work.

Thank you! This feedback means a lot. Definitely want to make my work as accessible as possible for situations like this.

I normally wouldn't mind as a hiring manager but note that I might have to review it on my phone, on the go

Posts