---
title: "How I Canceled My Framer Subscription and Created a Portfolio Almost for Free in Two Days"
description: "How I created a portfolio in 2 days, with almost no investment."
slug: how-i-canceled-framer-and-created-portfolio-with-ai
publishDate: 2026-02-16
author: Igor Dobzhanskiy
tags: [Portfolio, AI]
---

Before I tell you about creating a portfolio using AI tools, let me share some backstory about how I came to this approach.

## The Behance Era

Like all designers, I started my portfolio on Behance. At the time, it seemed like the best solution, but creating case studies (especially detailed ones) often took more time than working on the actual case itself.

Moreover, Behance had many nuances that didn't allow me to share all the details about the product (It was true at that time; now apparently you can password-protect cases), and from Behance, recruiters could easily navigate to other designers.

But the most difficult part was creating Behance case studies. You really had to put in serious effort to create something that worked. So after publishing a few cases there, I moved to another solution — not very effective, as it turned out later, but much faster and more convenient than Behance cases.

*My Behance profile — still active but no longer in use*

## The PDF Portfolio Experiment

I decided to create a portfolio presentation in PDF format. And I'll say right away that even though the number of projects in this presentation was greater than on Behance, and they were written according to best practices (numbers, results, metrics, etc.) — this portfolio brought me almost no clients.

*My PDF portfolio presentation — more detailed than Behance but still ineffective*

## Moving to Framer

So very quickly I decided to move to the next level — a personal website.

But at that time, AI tools weren't as advanced, so I decided to use Framer — a no-code platform where you could build websites like in Figma. And at first, this solution seemed ideal: very easy to edit, very easy to maintain, and overall — just $20 per month.

It looks quite easy, but you had to prepare the design, transfer it to Framer, adapt everything for mobile, prepare components, etc.

And as I wrote earlier — I'm quite a lazy person, so if there's a way to optimize work and do something faster and better — I'll find it.

*Framer interface — easy to use but limited in flexibility*

## The Breaking Point

And then the era of AI tools began. I started with creating web platforms and mobile applications, didn't even think about websites. But at some point, I realized that Framer didn't give me enough freedom, and I decided to transfer the site from Framer to code.

What was my disappointment when I saw that even with the paid version of Framer, I couldn't get the code of my site.

Then I decided to completely rebuild my site from scratch and unsubscribed from Framer.

And that's when the most interesting part began.

## Creating a Portfolio with Claude

Well, just like with product development, I started with Claude. I created a project, described the task, and asked Claude to generate a description and project rules so I could add them to the project memory and work with it.

It's very important to immediately set Claude to the "mood" you need. The more it knows about who you are, what you do, and what you want — the better results it will give you.

I asked it to develop a prompt for a fairly simple site with various case studies, which I'll describe in subsequent chats. For now, I just asked it to create card templates for my cases. I sent examples (links to all the portfolios I was inspired by; I'll leave them at the end of the article).

Considering that I already had a site on a domain, I asked Claude to analyze this site, extract all the info, and add it to the prompt.

To improve the result, I also asked it to ask clarifying questions and start generating the prompt only after answering all of them. After this, it generated all the necessary documents for successfully migrating the foundation of my portfolio to clean code.

*Claude generated all necessary documents for migration*

## Tips for Getting Started

If you have a portfolio on Behance or somewhere else — you can send it to Claude so it can extract all the basic information into prompts.

But if you don't have a portfolio at all yet, prompt Claude to ask you as many questions as possible about yourself, so that based on your answers, it generates a prompt considering your experience. This way, it can advise you on how best to present this experience.

**Pro Tip:** if you don't like writing a lot — take any AI with a voice assistant (for me it's Gemini or ChatGPT) and dictate everything you want to tell about yourself. Then ask it to make a transcription in .md format and send this transcription to Claude.

## Working with Lovable and Cursor

After I talked with Claude about the main page of my portfolio (there was the first block "who I am" and the second "my cases"), I decided to send this prompt to two AIs (Lovable and Cursor) to compare the results and choose the best UI to continue working with and refining the portfolio.

Unfortunately, I don't have screenshots of these first versions, but Lovable gave a significantly better result then. Moreover — adding content through chat with AI convinced me to use Lovable as the main tool for creating the UI framework.

## The Case Study Challenge

And then the most difficult part began (as I thought before) — adding case studies. A little spoiler: I had a couple of properly written cases, all the others (up to 20) were absolutely empty.

And this was the most interesting challenge because this part of creating a portfolio stressed me out the most. I think many designers will understand what I'm talking about.

But with the help of voice input (through Gemini or ChatGPT), product screenshots, and Claude, which analyzed and combined all this — I was able to describe all my cases literally in one day.

To be honest, I'm still shocked by this speed, because the same case on Behance took me 2-3 weeks, and here I had a separate page for each case with perfectly described results and visualization.

But, of course, you need to follow a certain structure.

*My assistant during the portfolio creation process*

## Case Study Structure

First of all, be sure to caption the photos you send, even if you've already described them in .md format. And also, when you send the prompt from Claude to Lovable, be sure to send the photos in the same sequence and with the same description (photo 1 — this is it, photo 2 — this, etc.). This will help Lovable not hallucinate and not place your mockups in a random sequence.

In the screenshot above, you can see the approximate structure of each case. As you can see, in addition to text transcription, I added a little description, but this is not mandatory.

The main thing — in each prompt, indicate that you want to get a detailed prompt specifically for Lovable (or any other AI). And in .md format — this is the best format for AI.

*Example of case study structure in Claude with detailed image descriptions*

## The Lovable Prompt Template

After this, Claude will generate a document for you that you can send to Lovable (along with descriptions of screenshots you want to show and describe in your case). And you can send Lovable a prompt that looks like this:

> "Create a new case page for my portfolio, add all the information from this prompt, package it according to best practices and according to the style of my portfolio site. Also, for this product, create a card on the main page with the title {} and description {}, and make this card clickable with a redirect to this case page. Use these photos according to the description in the prompt. Don't invent anything new."

Of course, for each case I wrote +/- different prompts, but the foundation was always exactly like this.

You can view the page that Lovable generated based on these prompts [here](https://www.dobzha.com/case/case-finik). I made minimal edits. And in general, keep in mind that this entire site, all the cases, and this article — were generated with the help of AI.

Here are just a few examples of how it describes cases.

And this, I remind you, is just from a short voice description and screenshots.

*Examples of case study pages generated by Lovable based on voice descriptions and screenshots*

## Adding Animations and Effects

Of course, this isn't a perfect method, but let's agree that an imperfectly filled portfolio is better than its absence. Especially since later, through Cursor, it can be easily edited and supplemented with what you're missing.

And here's a little bonus: since I perceive my portfolio as my little pet project, I wanted to add a little wow factor here.

And these libraries helped me with this:

- [React Bits](https://www.reactbits.dev/) — Did you see the Splash cursor and animated bubbles on the main screen? That's from there.
- [Lightswind](https://www.lightswind.com/) — Confetti on the Telegram channel banner, that's where it's from.

How do you add it? Actually, nothing difficult. Go to the library — choose what you like, copy the link to the effect you like — and send it to Cursor so it adds it to the element you've chosen.

Here's how adding confetti to the Telegram channel subscription button looked in my case (then I asked with a separate prompt to change the trigger from click to hover).

*Adding confetti animation to a button using Cursor*

## General Work Logic

And actually, I could similarly describe how I created other pages, such as Blog, About Me, etc., but the creation logic is exactly the same:

**Claude (for prompt) → Lovable (for UI framework) → Cursor (for edits, integrations, and animations)**

Also GitHub to merge changes from Lovable and Cursor, and Vercel to publish the site.

I recommend using Lovable exclusively for site frameworks. Unfortunately, the code quality there doesn't allow creating something more, but it still handles UI best, of course, in my assessment.

And just like that, in just one weekend — you can create a portfolio site with all cases and cool animations. Isn't that cool?

## Sources of Inspiration

And of course, I'm sharing links to portfolios I was inspired by while creating mine:

- [William Le](https://williamle.design/)
- [Grace Ma](https://gracemmaa.com/)
- [Ben Shih](https://www.benshih.design/)
- [Volodymyr Merlenko](https://volomydyr.com/)
- [Leah Lee](https://www.leah-lee.com/)
- [Jemma Kwak](https://jemma.lol/)
- [Joanne Huang](https://www.joannehuangdesign.com/)
- [Jesse Prague](https://jesseprague.com/)
- [Claire Kantner](https://www.clairekantner.com/)
- [Joshua Lucas](https://joshglucas.com/)
- [Cedric Ith](https://www.cedricith.com/)

I hope this article will motivate you to sit down on your portfolio and finally remove this task from your to-do list. Because now, with all AI tools — creating a portfolio is no longer something super difficult, and once you figure it out, you can very quickly create something that will present you as a true professional.

And if you want to read more about design, AI, life hacks, and my thoughts in general — subscribe to my [Telegram channel](https://t.me/dobzha_pro_design).

And good luck with creating your portfolio!