본 글의 마지막에 노코더스의 버블 AI 강의 할인 쿠폰(25.02.16까지 사용 가능)을 확인할 수 있습니다

안녕하세요 버블 외주 및 교육업체 노코더스입니다.  버블은 풀스택 노코드 툴로 코드 없이 다양한 웹사이트와 서비스를 만들도록 도와줍니다. 쉽게 말해 프론트엔드와 백엔드 작업을 코딩 없이 할 수 있는 툴이라고 이해하시면 됩니다.

재밌는 부분은 노코드 툴에서 AI 기능이 함께 있다는 점입니다. 현재 버블은 AI 페이지 디자이너라는 기능을 제공 중입니다. AI 페이지 디자이너는 버블 AI가 입력한 프롬프트를 기반으로 페이지 UI를 만들어 주는 기능으로, 현재 모든 유저가 사용할 수 있습니다. 현재 베타 버전으로 모든 분이 사용하실 수 있습니다.

AI 페이지 디자이너는 아래처럼 특정 유형의 페이지를 지원하고 있습니다. AI에게 랜딩 페이지 제작을 맡기고 싶다면, [Landing Page] 유형을 선택만 하면 됩니다.

페이지 유형을 선택하면, 프롬프트를 입력하는 창이 나옵니다. 여기에 만들고자 하는 페이지 정보를 입력해 생성을 클릭하면, 프롬프트 값에 기반해 AI가 페이지를 제작합니다.

아래는 버블 AI가 만든 랜딩 페이지입니다. 입력한 프롬프트 값에 기반해 텍스트 및 이미지가 자동 입력이 됩니다. 이때, 이미지와 폰트도 프롬프트에 기반해서 스타일이 지정이 됩니다. 또한, 반응형 UI도 자동 처리가 되어있어 PC, 테블릿과 모바일에 모두 대응되는 UI가 만들어집니다. 다만, 버블이 외국 서비스다보니 텍스트는 영어로 입력되는 게 흠입니다.

프롬프트를 어떻게 입력하느냐에 따라 생성된 페이지의 스타일도 완전히 달라집니다. 아래는 내용이 동일하고, 이미지 스타일만 다르게 프롬프트를 입력해 생성한 페이지입니다. 프롬프트에서 "애니", "네온펑크", "픽셀" 스타일의 이미지를 사용하라고 말했습니다. 그 결과 페이지의 전체 컬러는 동일하지만, 폰트와 이미지에서 큰 차이를 보입니다.

많은 분이 사이드 프로젝트나 스텔스 창업을 위해 버블로 사이트 및 서비스를 만들고 있습니다. 하지만, 혼자만의 힘으로 만들기엔 할 일이 너무도 많습니다. 서비스 기획부터 UI 디자인, 버블 개발까지 너무 많은 일을 혼자서 해내야 합니다. 이런 분들이 AI 페이지 디자이너 기능을 잘 활용한다면 큰 도움이 될 수 있을 거 같아서, "AI 페이지 디자이너 기능을 활용해 웹사이트를 하루 만에 런칭하기"를 주제로 강의를 준비했습니다.

AI를 잘 활용하기 위해선 무엇보다 프롬프트가 중요합니다. 어떤 프롬프트를 입력하는지에 따라서 AI가 만드는 결과물을 천차만별이며, 자신이 원하는 페이지를 생성하기 위해선 그에 딱 맞는 프롬프트가 필요합니다. 다양한 프롬프트를 조합해 테스트를 진행했고, 실험 결과를 종합해 작성한 프롬프트 가이드북도 강의에서 함께 제공됩니다.

버블 AI 기능을 좀 더 저렴하게 배울 수 있도록 할인 쿠폰을 준비했습니다. 아래 링크에서 강의를 구매하실 때, 아래 할인 쿠폰 코드를 입력하면 추가 할인이 적용됩니다.

👉 버블 AI를 활용해 하루만에 웹 사이트 만들기

💸 할인 쿠폰 : nocoders_ai_master