In this video, I’m solving a problem I see all the time: new designers struggling to build a portfolio that actually looks polished and “alive.” I start with a full portfolio layout I already designed in Figma, then show you the real workflow to bring it into Framer using the Figma-to-HTML with Framer plugin. And yeah—things won’t import perfectly, because there’s no perfect collaboration between Figma and Framer. So I walk you through the exact fixes I do every time: removing extra wrapper stacks, switching elements back to Absolute positioning, turning on wrap + distribute settings, fixing weird vector/icon alignment (the “press Enter” trick), and using Z-index so the fixed nav doesn’t disappear behind content. Once the layout matches the Figma design, I spice it up with interactions. I turn buttons into components, add hover states, create variants (filled + outlined), and set up link variables so you can reuse the same button everywhere and just swap text + URLs. Then I build a ticker-style carousel for work cards and testimonials, including hover behavior to slow the ticker down so users have time to click. Finally, I add appear animations (page load + layer-in-view triggers), publish the site, pin absolute elements correctly, and show how to add pages + navigation variants. I also preview responsiveness with breakpoints and leave you with a clear path to finish tablet/phone layouts on your own.