메인 콘텐츠로 건너뛰기

편집: 쉽고 대화형 변경

Manus에서 웹 애플리케이션을 편집하는 것은 대화하는 것만큼 간단합니다. 코드를 작성하거나 복잡한 메뉴를 탐색할 필요가 없습니다. 단일 수정부터 대규모 업데이트까지 원하는 내용을 자연어로 설명하여 사이트를 변경할 수 있습니다.

시각적 편집

Manus 1.5는 웹사이트를 편집하는 3가지 유연한 방법을 도입했습니다.

빠른 스타일 제어

요소를 클릭하면 즉시 스타일 패널이 열립니다. 기다릴 필요도, 프롬프트(명령어)를 입력할 필요도 없이 바로 제어할 수 있습니다.
  • 색상: 배경, 텍스트, 테두리 변경
  • 타이포그래피: 글꼴, 크기, 굵기 조정
  • 간격: 패딩, 여백, 간격 수정
  • 테두리: 스타일, 너비, 반경 업데이트
신속한 디자인 반복 및 미세 조정에 적합합니다.

프롬프트 기반 일괄 편집

워크플로우를 더욱 효율적으로 만들기 위해 Manus는 다음을 수행할 수 있도록 합니다.프롬프트 기반 그룹 편집. 단일 프롬프트에 여러 변경 사항을 설명할 수 있으며, Manus는 이를 지능적으로 묶어 단일 업데이트로 함께 적용합니다. 이는 명령을 하나씩 내릴 필요 없이 일련의 관련 조정을 수행하는 데 적합합니다. 예를 들어, 다음과 같은 단일의 포괄적인 지침을 제공할 수 있습니다.
“좋습니다. 몇 가지 변경 사항을 적용해 보겠습니다. 먼저, 기본 제목을 더 굵게 만들고 색상을 저희 브랜드의 진한 파란색으로 변경합니다. 다음으로, 가격표의 간격을 더 여유 있게 조정합니다. 마지막으로, 전체 푸터 섹션의 배경색을 밝은 회색으로 변경합니다.”
Manus는 프롬프트 내의 개별 요청을 이해하고 모든 요청을 한 번에 실행하여 시간과 노력을 절약해 줍니다.
편집 유형예시 프롬프트
스타일링"모든 제목의 글꼴을 Georgia로 변경합니다."
레이아웃"이 목록의 항목 사이 간격을 늘립니다."
콘텐츠"기본 버튼의 텍스트를 '지금 시작하기'로 변경합니다."
구조"이 섹션을 복제하여 연락처 양식 아래에 배치합니다."

AI 편집: 당신의 창의적인 파트너

더 복잡하거나 창의적인 변경을 위해서는 AI 편집 기능을 사용할 수 있습니다. 요소를 선택하고 Manus에게 개선을 요청하기만 하면 됩니다. 이는 마치 디자인 컨설턴트와 카피라이터를 바로 옆에 두고 있는 것과 같습니다.
목표예시 프롬프트
카피 개선"이 헤드라인을 더 매력적이고 혜택 지향적으로 다시 작성합니다."
디자인 향상"이 섹션에 더 좋고 현대적인 색상 팔레트를 제안합니다."
레이아웃 개선"이 기능 목록을 시각적으로 더 매력적이고 스캔하기 쉽도록 재구성합니다."
Manus는 제안을 제공하고 변경 사항을 적용하여 디자인과 콘텐츠를 콘텐츠 품질 이상으로 쉽게 향상시킬 수 있도록 합니다. Manus는 웹 애플리케이션을 실시간으로 편집하고 미리 볼 수 있는 원활한 경험을 제공합니다. 이를 통해 신속한 반복 작업이 가능하며 변경 사항을 적용하는 동시에 시각적으로 확인할 수 있습니다.

미리보기: 애플리케이션을 실시간으로 확인

Manus는 전체 개발 프로세스 동안 웹 애플리케이션의 실시간 대화형 미리보기를 제공합니다. 이를 통해 변경 사항이 발생하는 즉시 확인하고 실제 환경에서 애플리케이션 기능을 테스트할 수 있습니다.

데스크톱/모바일

미리보기 창을 통해 데스크톱 및 모바일 보기 간에 전환할 수 있으므로 애플리케이션이 반응형이며 모든 장치에서 멋지게 보입니다. 다양한 화면 크기에서 사용자 경험을 테스트하고 필요에 따라 조정하여 데스크톱 및 모바일 사용자 모두에게 최적화할 수 있습니다.

경로

미리보기 창에는 보고 있는 페이지의 현재 경로를 표시하는 URL 표시줄이 포함되어 있습니다. 이는 애플리케이션 내의 특정 페이지로 이동하고 사이트의 URL 구조를 이해하는 데 유용합니다.

전체 화면

보다 몰입감 있는 경험을 위해 미리보기를 전체 화면 모드로 확장할 수 있습니다. 이는 이해관계자에게 애플리케이션을 발표하거나 주변 인터페이스의 방해 없이 사이트의 전반적인 모양과 느낌을 더 잘 파악하는 데 특히 유용합니다.

라이브 미리보기

개발 프로세스 초기부터 애플리케이션의 실시간 대화형 미리보기를 사용할 수 있습니다. 이를 통해 요청 결과를 즉시 확인하고 조정에 대한 피드백을 제공할 수 있습니다. 라이브 미리보기는 반복적인 개발 프로세스의 필수적인 부분으로, 자연어 명령을 사용하여 애플리케이션을 개선하고 변경 사항이 즉시 반영되는 것을 확인할 수 있습니다.