Profile Design for CareerBuilder

I can see that you're in the beginning of your learning journey and you're doing great!

In regards to spacing... There was ALOT of inconsistencies thru out the entire design, to the point that I felt I needed to show you thru a file in Figma. So I copy and pasted your project into my own File and applied basically Auto-layout to all sections. I'm far from happy with my result; but I did it within a couple of minutes so I could show you. What I did was basically I applied a Tailwind Palette, Downloaded vector icons thru Iconify plugin, added auto-layout, set up the top and bottom as fixed within the prototype mode and added horizontal scrolling to the highlight frame. And I made some elements that was reused to components. Plus, a more clear typography hierarchy.

Prototype: https://www.figma.com/proto/MR4VzcGfBilnwzduApEpSD/Profile-Design-for-CareerBuilder-feedback?node-id=0-175&node-type=CANVAS&t=IrcwRJouocD2ndi1-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1

Project: https://www.figma.com/design/MR4VzcGfBilnwzduApEpSD/Profile-Design-for-CareerBuilder-feedback?node-id=0-1&t=foQS9d1uA7PJSjCY-1

I would HIGHLY recommend you learn Auto-layout to get rid of so much spacing inconsistencies etc. Just search on YouTube for 'Tutorials Figma Auto-layout'... here is one: https://youtu.be/PNJxeD29ZTg?si=hvUzIB4iljHWeH9E

I would also highly recommend you use more plugins in Figma, especially when dealing with icons. 'Iconify' is a very robust plugin for this use case. https://www.figma.com/community/plugin/735098390272716381/iconify

When you use images, such as avatar image, Unsplash is very industry used plugin. https://www.figma.com/community/plugin/738454987945972471/unsplash . They even have one for just avatars: https://www.figma.com/community/file/768076317731510334/unsplash-avatars

When it came to the colors, I would highly recommend using a 'palette creator' plugin. You literally have TONNES of them. So I added Palette Tailwind into Figma Variables. https://www.figma.com/community/search?resource_type=plugins&sort_by=relevancy&query=palette&editor_type=all&price=all&creators=all

I would recommend you use a Typography plugin, such as Type scale, again to boost your productivity in Figma: https://www.figma.com/community/plugin/739825414752646970/typescales

You can always book a free session with me; and then I can show you how to do it: https://adplist.org/mentors/jonas

You're awesome! You're on the right path! Just continue and you will be an expert in no time!