🤖 AI Up-Skilling Journey | Experiment 3: Building a personal Website with Framer

🎯 Goal:

Learn Framer by building my personal website.

🛠️ Tools

• ChatGPT to help me generate prompts that aligned my resume with the website section

• Framer AI to update the website sections through prompting

🗺️ Architecture

Starting with a ready-made Framer template streamlined design decisions and provided a strong foundation. I used ChatGPT to analyze the template and convert my resume into compelling site copy. Feeding this text into Framer’s wireframe AI generated an intuitive page structure with styled sections. Manual edits were necessary for custom elements not covered by the template or resume. Notably, switching templates midway added extra time, highlighting the importance of template selection early on.

🧠 Key Learnings

• Templates combined with AI speed up content and design iteration—ideal for fast prototyping and experimentation.

• ChatGPT effectively transforms structured data like resumes into readable, relevant website text.

• Framer’s wireframe AI offers smart placement of components but manual tweaks remain essential.

• Changing templates mid-project disrupts flow and increases build time—choose wisely from the start.

🏁 Outcome

et voila! I have a website: https://lnkd.in/gQbs-jBq

Next steps include trying base44.com as another option for simple websites and experimenting with more precise ChatGPT prompts to cut down manual editing efforts.

🔗 https://www.framer.com/ai/

#Framer #AI #website #Prototyping #ChatGPT