---
title: "웹사이트를 화면에서 바로 수정 | Briks"
url: https://briks.dev/ko/features/visual-editor
description: "페이지 편집기: 글, 사진, 색, 여백, 섹션을 화면 크기별로 클릭해 수정하고 약 30초 만에 무료로 게시해요."
last_updated: 2026-10-08
---

유료 요금제

# 화면에서 바로 사이트 수정

Visual Editor로 모든 유료 플랜에서 페이지 위에서 바로 Briks 사이트를 바꿀 수 있어요. 아무 프로젝트에서나 열고, 바꾸고 싶은 글, 사진, 섹션을 클릭해 패널에서 설정하세요. 디자인 도구와 같은 방식이에요. 모든 변경은 사이트 자체 코드에 반영되고, 직접 한 수정은 크레딧 없이 게시돼요.

## 작동 방식

1. **페이지에서 클릭하세요**

   사이트의 어느 페이지에서든 원하는 것을 고르거나 Layers에서 찾으세요. 글을 더블클릭하면 그 자리에서 입력할 수 있어요.

2. **화면마다 따로 바꾸기**

   글, 링크, 사진, 색, 여백, 글꼴, 섹션을 휴대폰, 태블릿, 데스크톱별로 바꾸고 그 자리에서 바로 확인해요.

3. **게시하기**

   변경 사항은 약 30초 뒤에 새 버전으로 게시되고, 비용은 들지 않아요.

## 바꿀 수 있는 것

글은 제목, 목록 항목, 여러 곳에 쓰인 부품, 이메일 주소 같은 사이트 정보 어디에 있든 바꿀 수 있고, 사이트 정보는 나타나는 모든 곳에서 함께 바뀌어요. 링크와 버튼의 연결 위치도 바꿀 수 있어요. 사진과 동영상은 미디어 라이브러리의 파일로 바꿔요.

무엇이든 패널의 구역에서 모양을 정해요. 레이아웃, 안팎 여백, 글자, 색, 선, 모서리, 그림자, 불투명도가 있어요. 색은 사이트 고유의 색이고 실제로 칠해지는 색으로 보여 줘요. 배경 위에서 글이 얼마나 잘 읽히는지도 패널이 알려 줘요.

섹션과 목록이에요. 홈페이지에서는 섹션을 위아래로 옮기거나 복사하거나 숨길 수 있고, 다른 페이지에서는 옮기거나 뺄 수 있어요. 카드, 요금제, 질문처럼 목록의 항목도 옮기거나 복사하거나 지울 수 있어요.

사이트 전체를 Site 탭에서 바꿀 수 있어요. 색상, 제목과 본문 글꼴, 모서리 모양, 라이트 모드나 다크 모드, 콘텐츠 너비, 섹션 사이 간격까지 모두 설정해요.

## 휴대폰, 태블릿, 데스크톱

너비를 바꾸면 휴대폰, 태블릿, 데스크톱에서 보이는 페이지를 확인할 수 있어요. 변경은 보고 있는 너비부터 그 위로 적용돼요. 그래서 휴대폰용 작은 제목은 데스크톱에 영향을 주지 않고, 무엇이든 너비별로 보이거나 숨길 수 있어요.

Hover와 포커스는 따로 설정할 수 있어서, 누군가 버튼에 마우스를 올리면 색이 바뀌게 할 수 있어요.

## 섹션, 레이어, 페이지

두 섹션 사이 어디에든 섹션을 추가할 수 있어요. 사이트 색상으로 디자인된 무료 섹션, 채워 넣을 빈 섹션, 또는 Generate with AI가 있어요. Generate with AI는 만들기 전에 평소 크레딧 비용을 먼저 보여줘요. Quick Edit은 섹션의 모든 글과 사진을 한 양식에 모아 줘요.

Layers는 페이지를 섹션별로 보여 줘서 원하는 것을 쉽게 찾고 고를 수 있어요. 페이지나 Layers에서 아무 곳이나 오른쪽 클릭하면 메뉴가 열려요: 수정, 교체, 복제, 휴대폰에서 숨기기, 이동, 삭제.

페이지 패널에서 페이지를 추가, 이름 변경, 복제, 삭제하고, 메뉴 순서를 정하고, 페이지마다 검색 및 공유 설정을 따로 할 수 있어요.

## 게시하기 전에는 아무것도 바뀌지 않아요

변경할 때마다 페이지에 바로 보이고, 서버에 보관되는 초안에서 기다려요. 그래서 새로 고침하거나 탭을 닫거나 다른 기기에서 열어도 그대로예요. 프로젝트를 편집하는 모두가 같은 초안으로 작업해요.

실행 취소와 다시 실행으로 변경 내용을 한 단계씩 오갈 수 있어요. 변경 목록에는 변경 사항이 하나씩 이름과 함께 나오고, 원하는 것은 뺄 수 있어요. Discard를 누르면 페이지가 원래대로 돌아가요.

Publish를 누르면 변경 사항이 사이트 코드에 반영되고, 보통 30초쯤 뒤에 새 버전으로 게시돼요. 코드에 적용할 수 없는 변경은 이유와 함께 거부되고, 그러면 아무것도 게시되지 않아요.

History는 사이트의 저장된 모든 버전과 요청한 사람, 시각을 보여주고, 각 버전의 모습을 보여주며, 클릭 한 번으로 복원해요.

## 댓글, 그리고 함께 편집하는 사람

페이지의 어디에든 댓글을 고정하고, 스레드로 답하고, @로 팀원을 불러 알릴 수 있어요. 워크스페이스의 모든 사람이 댓글을 달 수 있고, Viewer도 가능해요. 스레드를 해결됨으로 표시하는 건 Editor 이상이에요.

편집기 막대의 얼굴 아이콘은 프로젝트를 함께 열어 둔 사람, 각자가 있는 페이지, 선택한 요소를 보여줘요. 선택한 요소는 페이지에 각자의 색으로 윤곽이 표시돼요.

## 원할 때만 쓰는 AI 질문

문구를 다시 쓰거나, 더 짧게 또는 더 길게 줄이고 늘리거나, 어조를 바꿀 수 있고, 사진의 대체 텍스트도 써 드려요. 버튼마다 가격이 표시돼요. 문구는 최대 0.2 크레딧, 대체 텍스트는 최대 0.1 크레딧이고, 무언가 반영되기 전에 결과를 그대로 쓸지 버릴지 고를 수 있어요.

섹션의 Ask AI는 새 디자인을 입히거나 레이아웃을 고치고, 고른 부분에 대해 입력한 어떤 요청이든 처리해요. 스튜디오의 일반 변경이라 평소 비용이 먼저 표시되고, Versions로 되돌릴 수 있어요.

점검은 지금 보고 있는 너비에서 페이지를 읽고, 대체 텍스트 없는 사진, 읽기 어려운 글, 순서가 어긋난 제목, 이름 없는 링크를 찾아요. AI 모델을 쓰지 않고 비용도 들지 않아요.

## 제작 도구가 필요할 때

새 요소나 다른 레이아웃처럼 편집기가 하지 못하는 일은 선택한 요소에 대해 패널에서 빌더에게 보내요. 스튜디오의 일반 변경이라서 크레딧이 사용돼요.

## 비주얼 에디터 활용 사례

세 가지 예시 업종과 각각 어떻게 쓰는지 보여 드려요. 사이트가 나오는 곳은 예시 업종을 위해 Briks가 만든 샘플이며, 실제 고객 사이트가 아니에요.

1. 베이커리

   **새 영업시간, 여름 메뉴를 맨 앞에**

   베이커리가 사이트 정보에서 토요일 영업시간을 바꾸면 푸터와 연락처 섹션이 함께 바뀌어요. 여름 메뉴는 스토리 위로 옮기고, 두 가지를 한 번에 게시해요.

2. 피트니스 스튜디오

   **휴대폰에서 더 작은 제목**

   피트니스 스튜디오의 제목이 휴대폰에서 네 줄로 넘어가요. 사장님이 Phone으로 바꿔 크기를 두 단계 줄이니, 데스크톱 제목은 그대로예요.

3. 도예 공방

   **클래스 하나 더**

   도자기 공방이 수업 카드를 복사해 복사본에 새 수업 이름과 가격을 입력하고 게시한 뒤, 복사본의 사진을 미디어 라이브러리의 사진으로 바꿔요.

## 제공되는 것

- 글, 링크, 사진, 색, 여백, 글꼴
- 휴대폰, 태블릿, 데스크톱, 호버, 포커스별 설정
- 섹션과 목록 항목을 옮기고, 복사하고, 숨기고, 삭제하기
- 사이트의 색, 글꼴, 모서리를 한곳에서
- 섹션 추가, 페이지 관리, 어디서나 오른쪽 클릭 메뉴
- 공유 초안, 기록, 실행 취소
- 페이지에 고정된 댓글과 함께 편집 중인 사람
- 약 30초 만에 버전으로 게시돼요
- 직접 하는 수정에는 크레딧이 들지 않고, AI는 가격을 먼저 보여 줘요

### 알아두면 좋아요

- 비주얼 에디터는 유료 플랜에서 쓸 수 있고, 워크스페이스에서 프로젝트를 바꿀 수 있는 모든 분이 사용할 수 있어요.
- 에디터가 아직 읽지 못하는 사이트는 다음 게시 뒤에 준비돼요.

## 비주얼 에디터에 대한 질문

### 비주얼 에디터는 크레딧을 쓰나요?

직접 하는 변경과 그 변경을 게시하는 데는 크레딧이 들지 않아요. 문구 다시 쓰기, 대체 텍스트, Ask AI, Generate with AI는 크레딧을 쓰고, 쓰기 전에 항상 가격을 먼저 보여 줘요.

### 팀원이 페이지에 댓글을 달 수 있나요?

네. 워크스페이스의 모든 사람이 페이지의 어느 곳에나 댓글을 달고 스레드로 답할 수 있어요. @로 누군가를 지정하면 알림이 가요.

### 누가 사용할 수 있나요?

유료 플랜 워크스페이스에서 프로젝트를 바꿀 수 있는 모든 사람이에요. Viewer를 뺀 모든 역할이 해당돼요.

### 휴대폰에서만 모양을 바꿀 수 있나요?

네. 너비를 Phone으로 바꿔 거기서 수정하세요. 태블릿과 데스크톱은 각자의 설정을 유지해요.

### 마음이 바뀌면 어떻게 하나요?

게시 전에는 어떤 변경이든 되돌리기, 다시 실행, 버리기를 할 수 있어요. 게시 후에는 에디터의 History나 스튜디오에서 이전 버전을 복원해요.

### 모든 페이지를 편집할 수 있나요?

네. 에디터 맨 위 목록에서 사이트의 아무 페이지나 고르세요.

## 관련 기능

- [모든 플랜에서 **쉬운 말로 요청하는 수정** 스튜디오 채팅에서 더 어두운 헤더나 새 영업시간처럼 원하는 변경을 요청하세요. Briks가 만들어 게시하고, 모든 변경은 되돌릴 수 있는 버전이 돼요. 작동 방식](https://briks.dev/ko/features/changes-in-plain-words)
- [모든 플랜에서 **버전과 되돌리기** Briks가 만들고 바꾼 모든 내용은 버전으로 저장돼요. 스튜디오에서 실행 취소, 다시 실행, 복원을 하면 사이트가 그때 모습으로 다시 게시돼요. 작동 방식](https://briks.dev/ko/features/versions-and-undo)
- [모든 플랜에서 **미디어 라이브러리** 업로드한 사진과 영상은 워크스페이스의 라이브러리 한 곳에 모여, 어느 프로젝트의 프롬프트 입력창에서도 쓸 수 있어요. 저장 공간은 플랜에 따라 늘어나요. 작동 방식](https://briks.dev/ko/features/media-library)

[기능 32개 모두 보기](https://briks.dev/ko/features)

## 내 사업에 직접 써 보세요

한 문장으로 설명하면 Briks가 만들어요. 가입할 때 받는 크레딧으로 무료로 시작하세요.