프레이머 – 웹사이트 5분만에 만들어주는 디자인 AI

오늘은 웹사이트를 5분만에 만들어주는 AI사이트 프레이머에 대해 준비했어요. 프레이머 사용방법에 대해 프레이머 회원가입, 웹페이지 생성 및 배포, 웹페이지 수정, 기타 기능 순서로 준비했어요. 프레이머만 할 줄 알면 나도 웹사이트의 주인이 될 수 있습니다. 한 개씩 천천히 알려드릴게요.

프레이머 사용방법

프레이머 사용방법에 대해 자세히 알려드릴게요.

● 프레이머 회원가입

우선 프레이머 회원가입이 필요합니다. 아래 링크의 프레이머 사이트로 이동해주세요.

프레이머 홈페이지에 들어가서 회원가입 버튼을 눌러주세요.

오른쪽 위에 ‘START FOR FREE’

프레이머 회원가입1

그럼 기존 G-MAIL을 사용할 지 다른 이메일을 사용할지 고르게 됩니다. 저는 G-MAIL로 이용해볼게요.

프레이머 회원가입2

그렇게 이메일을 등록하고 나면 사이트를 만드는 화면이 바로 열릴거에요.

● 웹페이지 생성 및 배포

웹페이지 생성 및 배포 작업을 같이 한번 해볼게요.

웹페이지 생성 및 배포

웹페이지에 들어오시면 하얀 화면이 보이실 텐데 우리는 위에 도구탭에서 ‘Actions’를 누른 후 AI generate page를 진행해볼게요.

웹페이지 생성 및 배포2

그 순서로 누르시면 아래 사진과 같이 텍스트 입력 가능한 바가 뜰거에요.

웹페이지 생성 및 배포3

텍스트 바에 내가 원하는 스타일을 영어로 잘 서술해주셔야 해요.

영어로 직접 작성이 어려우시면 구글 번역기 또는 챗-GPT등을 이용해서 프롬프트를 만드시는 것을 추천드려요.

저는 은행관련 된 상품정보를 안내해주는 사이트를 만들고 싶어 아래 문구를 입력했어요.

‘The site I want to create is one that provides financial information. I want to tell you about various banking-related products.’

아래정보를 입력하니 결과물로 사진과 같이 사이트를 생성해주네요.

웹페이지 생성 및 배포4

해당 디자인이나 문구가 맘에 들어서 배포를 원하시면 오른쪽 위에 ‘PUBLISH’를 누르시고 ‘DOMAIN TAKEN’ 을 눌러주시면 됩니다.

웹페이지 생성 및 배포5

이렇게 하면 내가 원하는 도메인을 입력해서 사이트를 생성하실 수 있습니다.

● 웹페이지 수정

웹페이지를 수정해볼게요.

우선 글씨 부분을 수정하고 싶으시면 해당되는 텍스트를 직접 눌러주세요.

웹페이지 수정

보시는 것과 같이 오른쪽에 텍스트 관련 도구바가 생성됩니다.

해당 도구바에서 크기 조절 스타일 조절 이펙트 조절 등을 자유롭게 하실 수 있어요.

그리고 아이콘이나 글자상자의 위치를 바꾸고 싶으시면 클릭해서 그대로 드래그 앤 드랍을 하시면 됩니다.

모두 블록형으로 되어 있어서 배치 바꾸기가 생각보다 훨씬 쉬우실꺼에요.

웹페이지 수정2

그리고 오른쪽 위에 색조합을 선택할 수가 있습니다.

지금 나와있는 색조합이 맘에 안드시는 분들은 셔플 버튼을 눌러주시면 다른 색조합으로 랜덤하게 바뀌니 분위기 전환을 간편하게 하기 좋더라구요.

● 기타 기능

기타 기능들에 대해 알려드릴게요.

특정 문구를 클릭 했을 때 내가 설정해 둔 페이지로 이동할 수 있게 해주는 기능이 있습니다.

기타 기능

HOME이라는 문구를 누르면 특정 페이지로 돌아가게 하고 싶으면 해당 문구를 누르신 후 오른쪽 도구바에 LINK를 누르고 특정 페이지를 입력해주시면 되어요.

혹은 특정 위치까지 스크롤 되게도 만들 수 있습니다. 스마트 스토어 등 판매 페이지에서 많이 보던 기능이죠?

기타 기능2

사진 처럼 오른쪽 도구바에 SCROLL SECTION을 눌러주시고 특정 위치를 설정해주시면 되어요.

오늘은 AI 웹사이트 생성 프레이머에 대해 알아보았는데 도움이 되셨나요?

저희 사이트에는 프레이머 외에도 유익한 유틸리티 사이트들이 많이 있으니 한번씩 정보 얻어가세요.

파일질라

반디캠

vestcert

이 게시물이 얼마나 유용했습니까?

평점을 매겨주세요.

평균 평점 2.3 / 5. 투표 수 : 9

지금까지 투표한 사람이 없습니다. 가장 먼저 게시물을 평가 해보세요.

Leave a Comment

error: 우클릭 할 수 없습니다.