AI와 노코드로 5분 만에 포트폴리오 만들기

해외 디자이너 Arpit Chandak의 글을 기반으로, 한국 디자이너 & AI에 관심 있는 독자들에게 맞춰 재구성했습니다. 한국에서 쉽게 적용할 수 있는 포트폴리오 제작을 위한 노코드/AI 도구, 유용한 팁 등을 추가했으니 참고해보세요.

1. 노코드 플랫폼 선택

코딩 없이도 클릭 몇 번으로 웹사이트를 만들 수 있는 노코드 플랫폼이 국내외로 많이 생겼습니다.

노코드 플랫폼 추천

1. Framer: 비주얼 & 인터랙션 강조
2. Webflow: 기능이 많지만 다소 진입장벽이 있음.
3. Carrd: 초간단 원페이지 포트폴리오
4. Squarespace: 디자인 + 블로그 운영
5. Readymag: 크리에이티브 & 아트 기반
6. Typedream: 텍스트 기반 & 초심자 친화적

해당 툴들에 대해 더 자세히 알고 싶다면 이 블로그의 디자이너에게 적합한 노코드 플랫폼 TOP 6 글을 참고하세요.

2. ChatGPT를 활용한 텍스트 생성

1. 포트폴리오 템플릿 전체 스크린샷을 캡처

이 글에서는 Frame를 활용하는 방법을 다뤄보겠습니다. 아래 링크에 접속하여 ‘blog’로 검색 후 템플릿을 선정합니다.

👉 프레이머 무료 템플릿

선택한 포트폴리오 세부 화면에서 ‘Preview’를 클릭합니다.

Chrome 확장 프로그램 GoFullPage를 사용하여 전체 화면을 캡처한 후, 다운로드 버튼을 클릭하여 이미지로 저장합니다.

📌 TIP
만약 스크롤 시 페이드 인·아웃 효과가 적용된 템플릿이라면, 페이지에 진입하자마자 캡처하지 마세요. 모든 콘텐츠가 정상적으로 표시될 때까지 끝까지 스크롤한 후 캡처해야 화면이 온전히 저장됩니다.

2. ChatGPT에 스크린샷 업로드

이 단계에서는 GPT Plus(유료 버전)이 필요할 수 있습니다.

앞서 캡처한 스크린샷을 ChatGPT에 업로드한 후, 아래 프롬프트를 입력하세요.

프롬프트

당신은 간단하고, 돋보이고, 간결한 포트폴리오 텍스트를 만드는 것으로 유명한 최고의 카피라이터입니다. 당신의 임무는 템플릿 스크린샷을 검토하고, 기존 텍스트를 나에 대한 세부 정보로 바꾸고, 어디에서 어떤 변경이 필요한지 명확하게 식별하는 것입니다. 

포트폴리오 카피의 핵심 요점: 

- 간단하게 유지하세요. 
- 쉬운 단어로 쓰세요. 
- 스토리텔링을 글쓰기에 통합하세요. 
- 템플릿의 섹션에 맞게 카피를 조정하세요. 

포트폴리오를 위한 나에 대한 정보: 

[내 정보 입력] 

이 템플릿을 완성하는 데 필요한 추가 세부 정보를 요청하세요. 누락된 정보를 강조 표시하세요.

ChatGPT가 첫 번째 답변을 제공한 후, 한 번 더 추가 정보를 요청하도록 유도하세요.
이 과정은 프로필 사진, 이미지, 링크, 버튼 등 추가로 변경해야 할 요소를 확인하기 위함입니다.

추가 프롬프트

포트폴리오를 완성하는 데 필요한 추가 정보가 있으면 질문해주세요.

📌 TIP

• ChatGPT가 생성한 문장이 부자연스러울 수 있으므로 반드시 검토 후 수정하세요.
• AI가 템플릿에서 누락한 요소(프로필 사진, 링크, 버튼 등)도 꼼꼼히 확인하세요.
• ChatGPT는 가끔 잘못된 정보를 생성(환각 현상)할 수 있으므로, 예상과 다른 결과가 나오면 여러 번 시도하는 것이 좋습니다.

결론

• AI와 노코드를 활용하면 디자인 + 개발 + 카피라이팅 부담을 줄일 수 있습니다.
• 아직은 AI가 완벽하지 않으므로, 최종 수정과 검수는 본인의 몫입니다.
• 간단한 페이지부터 시작하고, 점점 커스터마이징해보세요!

이제 AI와 함께 5분만에 꿈의 포트폴리오룰 만들어보세요.

관련 글

• 출처: How I Created a Portfolio in 5 Mins with the Help of AI?
• 디자인 포트폴리오 pdf 용량 줄이기, 간단하게 해결
• 피그마 디자인 포트폴리오 제작 시 용량 문제 해결