새 프로젝트 시작하기
Briks의 모든 웹사이트, 앱, 대시보드는 New project 페이지에서 시작해요. 일곱 단계로 된 짧은 설정이에요. 이름과 설명만 필수이고, 마지막 단계에서 Build it을 누르기 전에는 아무것도 만들어지거나 청구되지 않아요. 이 페이지에서 각 단계와 선택 항목을 하나씩 안내해요.
- 1단계마다 화면이 따로 있어요. 이 화면은 브리프를 쓰는 Describe it이에요.
- 2만들려는 것에 맞게 골라 둔, 바로 시작할 수 있는 예시 브리프예요.
- 3References와 Brand 같은 선택 단계는 건너뛸 수 있어요.
- 4Next를 누르면 다음으로 넘어가요(비워 둔 선택 단계에서는 Skip으로 바뀌어요). 마지막 단계에서 Build it을 누르기 전에는 아무것도 만들어지지 않아요.
여는 방법
들어가는 방법은 네 가지이고, 모두 같은 페이지로 이어져요.
- 사이드바 Projects 아래의 New project, 또는 Projects 목록 맨 위의 New project 버튼이에요.
- Home에 있는 입력 상자예요. 첫 설명을 입력하고 아래에서 Website, App, Dashboard 중 하나를 고른 뒤 Continue를 누르세요. 입력한 내용은 Describe it 단계에서 기다리고 있어요. 상자 아래 줄에는 빌드 한 번에 드는 크레딧과 가진 크레딧이 나와요. 예: "A build holds 50 credits; you have 50." 보통 빌드에 가진 것보다 더 드는 경우에는 넘어가기 전에 두 번째 줄로 알려 줘요.
- 사이드바 맨 위의 Jump to를 쓰세요(Mac은 ⌘K, 그 밖에는 Ctrl K).
New project를 입력하고 Enter를 누르세요. - 계정을 만들기 전에 briks.dev에서 만나는 프롬프트 입력창이에요. 무엇이 함께 넘어가는지는 다음 섹션에서 설명해요.
briks.dev 홈에서 들어온 경우
briks.dev의 입력란에 설명을 적고 Start building을 눌렀다면, 그 내용이 그대로 이어져요. 가입 페이지의 Your brief 아래에 내용이 표시되고, "Your first project starts from these words. You can change them before anything is built."라는 문구가 함께 나와요. 계정이 준비되면 New project가 열리고, 그 내용이 이미 Describe it 단계에 들어 있어요.
그 상자의 다른 선택도 함께 넘어가요. 고른 타일(Landing page나 Internal tool 등)은 프로젝트 종류를 정해요. + 메뉴의 Add a site you like에서 추가한 사이트는 Show what you like 단계에 나타나요. Pick a look first 스위치는 Choose the look from three directions로 바뀌어 이미 켜진 상태로 넘어와요. 설명은 최대 2,000자까지 넘어가므로, 브리프가 더 길면 나머지는 25,000자까지 받는 Describe it에 붙여 넣으세요.
일곱 단계
넓은 화면에서는 왼쪽에 Project, Description, References, Brand, Pictures, How it is built, Review 단계가 이어지고, 끝낸 단계마다 선택한 내용이 짧게 표시돼요. 휴대폰에서는 대신 Step 2 of 7과 다음 단계의 이름이 보여요. 이미 도달한 단계는 어느 것이든 눌러서 돌아갈 수 있고, 아래의 Back을 써도 돼요. 선택 단계인 Show what you like와 Your brand에는 Optional 태그가 붙고, 비어 있는 동안 Next 버튼은 Skip으로 바뀌어요. 아래에서는 각 단계를 맨 위에 표시되는 제목으로 설명해요.
아이디어에서 Build it까지
종류와 이름 고르기
위치: What are you making?
Website, App 또는 Dashboard를 고른 다음 Business or project name(2~60자)을 입력하세요. 이 이름은 briks.live에서 사이트 주소의 앞부분도 되며, 나중에 바꿀 수 있어요.
브리프를 글로 쓰거나 말로 전해요
위치: Describe it
브리프를 입력하거나 마이크(Speak your request)를 눌러 최대 2분 동안 말하세요. 말한 내용이 입력창에 나타나서 고칠 수 있어요. 최소 10자가 필요하고 최대 25,000자까지 쓸 수 있어요. 입력창 아래 카운터가 사용한 글자 수를 보여 줘요. Start from an example은 고른 종류에 맞는 샘플 브리프 두 개를 보여 주고, A good description says는 다뤄야 할 내용을 정리해 줘요.
감탄한 사이트와 스크린샷을 추가하세요
위치: Show what you like
선택 사항이에요. A site to learn from 아래에 주소 하나, Screenshots 아래에 이미지 최대 여섯 장을 넣으세요. Briks는 그 구성 방식을 읽을 뿐 복사하지 않아요.
이미 정해진 것만 설정하세요
위치: Your brand
선택 사항이에요. Brand rules 아래에 Accent colour, Light or dark, Headline face, Text face, Content width, Spacing, No gradients anywhere, Anything else that is fixed가 있어요. Designer's call이나 Auto로 둔 항목은 비즈니스에 맞게 정해져요.
이미지 만드는 방식 고르기
위치: Pictures
Default studio model은 포함돼 있어요. 어울리는 이미지는 스튜디오 라이브러리에서 가져와 크기에 맞게 자르고, 없는 이미지는 새로 그려요. GPT Image 2.5는 사이트에 쓸 이미지를 모두 새로 그리며, 이미지 한 장에 1 크레딧이고 빌드가 끝날 때 차감돼요. 이미지를 참고하세요.
어디까지 만들지 정해요
위치: How it is built
스위치 다섯 개가 Briks가 무엇을 물어볼지, 어디서 기다릴지, 무엇을 점검할지 정해요. 아래 표에서 각각 설명해요.
점검하고 시작하기
위치: Review and create
모든 선택 항목에 해당 단계로 돌아가는 Edit 버튼이 있어요. 목록 아래에는 묶어 두는 크레딧과 잔액이 보이고, 빌드에 보통 드는 크레딧이 잔액보다 많으면 그 안내도 나와요. Build it을 누르세요.
Describe it에서 Next를 누르면 Briks는 입력한 글이 프로젝트를 설명하는지 확인해요. 첫 빌드는 얼마나 걸리나요?처럼 질문으로 읽히면 상자 아래에 답이 나오고, 입력한 글은 그대로 둔 채 같은 단계에 머물러요. 아무것도 만들거나 잡아 두거나 청구하지 않아요. 브리프로 다시 쓰고 Next를 한 번 더 누르세요.
세 가지 종류
| 종류 | 이럴 때 좋아요 | 달라지는 점 |
|---|---|---|
| Website | 사람들이 찾아오는 페이지: 병원, 식당, 포트폴리오, 랜딩 페이지 | 모든 단계와 스위치가 적용돼요 |
| App | 읽는 것보다 쓰는 것에 가까운 도구, 예를 들어 예약 요청 도구나 팀을 위한 내부 도구 | 웹사이트와 같은 단계와 설정 |
| Dashboard | 팀이 계속 살펴보는 숫자: 단계별 매출, 재주문할 재고 | 만들기 전 질문도, 승인할 문구도, 고를 스타일이나 히어로도, 사진도 없어요 |
How it is built 아래의 스위치
| 전환 | 시작 | 하는 일 |
|---|---|---|
| 만들기 전에 불분명한 점을 먼저 물어봐요 | 켜짐 | Briks는 항상 어떤 페이지를 만들지 물어봐요. 이 옵션을 켜면 설명에 빠진 부분, 예를 들어 예약이나 가격도 물어봐요. 대시보드에는 표시되지 않아요. |
| 제작 전에 문구를 먼저 승인해요 | 꺼짐 | 먼저 글이 그 배경이 되는 생각과 함께 작성되고, 빌드는 승인하거나 바꿀 부분을 말씀해 주실 때까지 기다려요. |
| 세 가지 방향 중에서 분위기 고르기 | 꺼짐 | 세 가지 보드(북유럽풍의 깔끔한 스타일, 따뜻한 스타일, 대담한 스타일) 중 하나를 고르면 사이트 전체가 그 스타일로 만들어져요. |
| 히어로를 와이어프레임 네 가지 중에서 고르기 | 꺼짐 | 홈페이지 첫 화면의 레이아웃을 내 문구가 들어간 단순한 회색 스케치 네 가지 중에서 골라요. |
| 게시된 사이트를 확인해 보세요 | 꺼짐 | 첫 버전이 게시되면 Briks가 네 가지 화면 크기에서 사이트를 살펴보고, 깨져 보이는 부분을 고쳐요. 몇 분이 더 걸리고 크레딧이 조금 들어요. |
스타일과 히어로 스위치는 적용할 수 없으면 사라지고, 단계에서 이유를 알려 줘요. ‘참고 사이트가 스타일과 히어로를 정하므로 고를 것이 없어요.’ 또는 ‘대시보드는 바로 만들어지므로 승인할 문구도, 고를 스타일이나 히어로도 없어요.’ 마음에 드는 사이트를 추가했다면 Show what you like에서 기본으로 꺼져 있는 Measure the build against the reference도 고를 수 있어요. 자세한 내용은 마음에 드는 사이트로 만들기에서 설명해요. 문구, 스타일, 히어로를 위한 멈춤 단계는 만드는 중에 승인하기에서 다뤄요.
시작에 드는 비용
요금이 더해지는 선택이 두 가지 있어요. GPT Image 2.5는 그리는 이미지마다 가격이 더해져요. 가격은 옵션 옆에 표시되고(이 글을 쓰는 시점에는 이미지당 1크레딧) 검토 줄에도 안내돼요. Check the published site는 화면 문구대로 '몇 분 더 걸리고 크레딧이 조금 들어요'. 제작 전에 하는 질문에는 비용이 없고, 실패한 제작에도 비용이 없어요.
빌드에 보통 보유한 것보다 더 필요할 때
Briks는 이전 빌드를 바탕으로 비슷한 빌드에 보통 얼마가 드는지 알아요. 그 금액이 잔액보다 많으면 검토 화면, Home의 입력 상자, 스튜디오의 빌드 카드에 한 줄이 추가돼요. 예를 들면 이래요: "Building it usually takes about 85 credits after planning, and you have 30. If it needs more than you have once planned, it waits there for credits with the plan kept." 잔액으로 충분하면 이 줄은 나타나지 않아요.
중요한 확인은 계획이 끝나고 페이지가 정해진 뒤에 이루어져요. 그때 빌드의 나머지 부분에 보통 드는 크레딧이 빌드가 아직 잡아 둔 크레딧과 잔액을 합친 것보다 많으면, 계획을 그대로 둔 채 멈추고 Resume building을 선택할 때까지 기다려요. 빌드 지켜보기에서 이 멈춤을 설명해요.
요금제에 따라 워크스페이스에 둘 수 있는 프로젝트 수도 달라져요. Free는 1개, Starter는 1개, Pro는 3개, Studio는 10개, Agency는 30개예요. 전체 표는 크레딧과 요금제에서 볼 수 있어요.
Build it을 누른 뒤 일어나는 일
프로젝트가 만들어졌어요
위치: Review and create
크레딧이 확보되고 프로젝트에 주소가 생기는 동안 버튼에 Starting the build가 잠시 표시돼요. 브라우저에 저장된 설정은 지워져요.
스튜디오가 열려요
위치: Studio
프로젝트 스튜디오로 이동해요. 입력한 설명이 대화의 첫 메시지가 돼요.
웹사이트와 앱에 관한 질문
위치: Studio
상태가 Preparing questions로 표시되었다가, 어떤 페이지를 만들지와 말씀하신 내용에서 정해지지 않은 부분을 묻는 카드가 나오면 Waiting for your answers로 바뀌어요. 만들기 전에 하는 질문을 참고하세요.
빌드가 실행돼요
위치: Studio
Briks는 참고 자료를 읽고, 페이지를 계획하고, 문구를 쓰고, 이미지를 만든 뒤 사이트를 빌드하고 점검해요. 승인 단계를 켜 두었다면 그 자리에서 멈추고 기다려요. 계획상 가진 크레딧보다 더 필요하다고 나오면 Resume building을 기다려요. 첫 버전은 몇 분 걸려요.
미리보기가 게시돼요
위치: Studio
답변에는 무엇을 만들었는지, briks.live의 어디에 게시했는지가 나와요. 그 미리보기는 검색 결과에서 제외돼요. 제대로 공개하는 건 별도 단계예요: 프로덕션에 게시하기.
시작되지 않을 때
내 플랜에 정해진 수의 프로젝트가 포함되어 있다고 나와요.
플랜마다 정해진 개수가 있고, 메시지는 'Upgrade to add more.'로 끝나요. 더 이상 필요 없는 프로젝트를 삭제하거나, 열리는 업그레이드 상자에서 또는 Billing에서 더 큰 플랜으로 옮기세요.
새 프로젝트가 50크레딧을 잡아 둔다고 나오는데 제 잔액은 더 적어요.
잔액이 홀드를 감당할 때까지 빌드를 시작할 수 없어요. 유료 플랜은 매달 크레딧을 받고, Free는 한 번 50 크레딧을 받아요. 메시지는 “크레딧이 더 많은 플랜은 Billing에 있어요.”로 끝나고, 열리는 업그레이드 창에는 크레딧이 더 많은 가장 작은 플랜이 나와요.
중간에 탭을 닫아 버렸어요.
설정은 이 브라우저에 저장돼요. 그래서 New project를 다시 열면 선택한 내용 그대로 마지막으로 있던 단계로 돌아가요. 계정에는 저장되지 않아서 다른 브라우저나 기기에서는 처음부터 시작해요.
빌드가 시작된 뒤에도 브리프를 바꿀 수 있나요?
원본은 아니에요. 사이트가 만들어진 뒤에는 스튜디오에서 원하는 내용을 입력해 바꿔요. 변경하기를 참고하세요.