Onlook

리뷰

Onlook은 React 또는 Next.js 애플리케이션의 라이브 미리보기를 렌더링하고, 디자이너가 요소를 드래그·리사이즈·스타일링하면 모든 변경 사항이 별도의 디자인 파일이 아닌 실제 소스 파일에 직접 저장된다. 코드를 단일 진실의 원천으로 사용하므로 디자인과 개발자 간의 핸드오프 격차가 없다. 프로젝트는 25,000개가 넘는 GitHub 스타와 팀을 위한 클라우드 호스팅 버전을 보유한다. 작동 중인 React 또는 Next.js 프로젝트가 필요하므로 처음부터 시작하는 데는 사용할 수 없으며, 클라우드 가격은 공개되지 않아 데모 예약이 필요하다.

두드러지는 점

• 편집 내용이 소스 파일에 직접 저장되어 디자인-코드 핸드오프 격차 제거
• 오픈소스 코어는 무료이며 어떤 인프라에도 셀프 호스팅 가능
• 라이브 코드베이스에서 실시간 멀티플레이어 협업 지원

미리 알아두면 좋은 것

• 기능하려면 기존 React 또는 Next.js 프로젝트가 필요
• 클라우드 가격이 셀프 서비스 가입이 아닌 데모 예약이 필요함