MasterGo: 클릭 한 번으로 UI 프로토타입 디자인을 생성하는 AI, 몇 초 만에 사용성이 높은 코드로 디자인!

최신 AI 리소스8 개월 전에 게시 됨 AI 공유 서클
2.7K 00

일반 소개

MasterGo(모고 디자인)는 디자인 효율성과 팀 협업을 개선하기 위해 특별히 제작된 팀 중심의 전문 UI/UX 디자인 도구입니다. AI 시대의 엔터프라이즈급 제품 디자인 플랫폼인 MasterGo는 온라인 제품 디자인, 프로토타이핑, 웹 개발 및 디자인, 제품 인터랙션 디자인 및 기타 기능을 제공하여 제품 디자인 및 개발의 전체 체인을 실행합니다. MasterGo는 개인의 디자인 효율성을 향상시킬 뿐만 아니라 팀 협업 및 다중 시나리오 사무실 효율성을 크게 향상시켜 온라인 협업 디자인 소프트웨어를 경험할 가치가 있습니다.

MasterGo(莫高设计):AI一键生成UI原型设计稿,设计稿秒转高可用代码

 

MasterGo(莫高设计):AI一键生成UI原型设计稿,设计稿秒转高可用代码

 

기능 목록

  • 인터페이스 디자인자동 레이아웃, 소재 채우기 및 기타 스마트 기능을 지원하는 전문가급 온라인 UI 디자인 툴입니다.
  • 인터랙티브 프로토타입프로토타입 와이어프레임, 순서도, 인터랙티브 모델 디자인을 지원하는 실행 가능한 인터랙션 흐름.
  • 디자인 시스템디자인 리소스의 효율적인 관리, 글로벌 동기화를 위한 디자인 구성 요소의 원클릭 재사용.
  • 팀워크여러 사람 간의 실시간 온라인 협업을 지원하여 커뮤니케이션 비용을 절감하고 업무 효율성을 향상시킵니다.
  • 디자인 전달디자인 파일은 클라우드에 저장되고 실시간으로 업데이트되므로 엔지니어는 언제든지 주석을 확인하고, 코드를 가져오고, 컷아웃을 다운로드할 수 있습니다.
  • 리소스 커뮤니티풍부한 UI 인터페이스, 제품 프로토타이핑 리소스 및 플러그인 도구를 제공합니다.

 

도움말 사용

설치 및 등록

  1. 마스터고 웹사이트(https://mastergo.com/)를 방문하여 '무료 사용' 버튼을 클릭합니다.
  2. 위챗 또는 블루라군 계정을 사용하여 등록하고 로그인하세요.
  3. 등록을 완료하고 나면 마스터고 플랫폼에 액세스하여 시작할 수 있습니다.

인터페이스 디자인

  1. 로그인한 후 '새 프로젝트'를 클릭하여 새 디자인 프로젝트를 만듭니다.
  2. 왼쪽 도구 모음의 모양 도구를 사용하여 기본 모양을 그리거나 구성 요소 라이브러리에서 미리 설정된 구성 요소를 캔버스로 끌어다 놓습니다.
  3. '자동 레이아웃' 기능을 사용하여 구성 요소의 위치와 크기를 빠르게 조정하여 디자인을 깔끔하게 유지할 수 있습니다.
  4. '재료 채우기' 기능을 사용하여 이미지, 색상 및 기타 재료를 빠르게 채워 디자인 콘텐츠를 풍부하게 만들 수 있습니다.

인터랙티브 프로토타입

  1. 디자인 프로젝트에서 '프로토타입' 탭을 클릭하여 프로토타이핑 모드로 들어갑니다.
  2. 상호 작용 도구를 사용하여 다른 페이지 또는 구성 요소로 연결되는 대화형 링크를 만들 수 있습니다.
  3. 확대/축소, 위치 이동 등과 같은 대화형 애니메이션을 설정하여 사용자 경험을 향상하세요.
  4. '미리보기' 버튼을 클릭하여 상호작용을 실시간으로 확인하고 디자인이 기대에 부합하는지 확인하세요.

디자인 시스템

  1. 프로젝트에서 "디자인 시스템" 탭을 클릭하여 디자인 시스템 관리 인터페이스로 들어갑니다.
  2. 새 디자인 컴포넌트를 만들거나 컴포넌트 라이브러리에서 기존 컴포넌트를 가져옵니다.
  3. 글로벌 동기화를 위해 색상, 텍스트 스타일 등과 같은 컴포넌트 스타일을 설정합니다.
  4. '리소스 관리' 기능을 사용하여 디자인 리소스를 효율적으로 관리하고 디자인 일관성을 개선하세요.

팀워크

  1. 프로젝트에서 '공유' 버튼을 클릭하여 프로젝트에 대한 링크를 생성합니다.
  2. 팀원에게 링크를 보내 프로젝트에 참여하도록 초대하세요.
  3. 팀원들은 디자인 파일을 실시간으로 보고 편집하여 온라인으로 검토하고 피드백을 받을 수 있습니다.
  4. 팀원들은 '댓글' 기능을 사용하여 디자인 문서에 댓글을 추가하여 소통과 협업을 원활하게 할 수 있습니다.

디자인 전달

  1. 디자인을 완료했으면 '배달' 버튼을 클릭하여 디자인 전달 인터페이스로 들어갑니다.
  2. 라벨링, 컷아웃 등과 같은 전달 옵션을 설정하면 디자인 파일이 완성됩니다.
  3. '링크 생성' 버튼을 클릭하여 엔지니어에게 전송할 배달 링크를 생성합니다.
  4. 엔지니어는 링크를 사용하여 주석을 보고, 코드를 얻고, 컷아웃을 다운로드하고, 디자인 개발을 빠르게 실현할 수 있습니다.
© 저작권 정책

관련 문서

댓글 없음

댓글에 참여하려면 로그인해야 합니다!
지금 로그인
없음
댓글 없음...