Macaw

이제 코드를 직접 작성하지 마세요. 그림을 그리듯이 코드를 만드세요. Macaw는 가장 좋아하는 이미지 편집기와 동일한 유연성을 제공하면서도 의미 있는 HTML과 놀라울 정도로 간결한 CSS를 자동으로 생성합니다. 이제 웹 디자인 도구에 대해 더 높은 기대를 가져야 할 때입니다.

유동적 캔버스 및 그리드

Macaw는 유동 폭(Fluid Width)을 위해 설계되었습니다. 캔버스 크기를 조정하면 그리드와 요소가 자동으로 이에 맞춰 업데이트됩니다.

반응형 브레이크포인트

다양한 기기 크기에 대응하는 디자인 작업은 까다롭습니다. Macaw는 임의의 브레이크포인트를 정의하고, 해당 특정 너비에 대해 속성을 세밀하게 조정할 수 있도록 해줍니다.

풍부한 타이포그래피 기능

Macaw는 시스템 글꼴, 방대한 웹 폰트 라이브러리뿐 아니라 Typekit 폰트까지 사용할 수 있도록 지원합니다. 또한 ‘줄당 문자 수’ 등 실용적인 계산 기능도 제공합니다.

상호작용성

Macaw에서 클릭 가능한 프로토타입을 구축하는 것은 단순히 대상 요소를 클릭하는 것만으로도 가능합니다. 그러나 이는 시작에 불과합니다. 스크립트 팔레트를 통해 보다 역동적인 상호작용을 추가할 수도 있습니다. Macaw는 심지어 템플릿과 jQuery 변수까지 자동으로 생성해 줍니다.

적은 노력으로 더 많은 디자인하기

전역 스타일

Macaw는 자주 사용하는 스타일을 저장해 문서 내 임의의 요소에 신속하게 적용할 수 있도록 합니다. 적용 후에는 스타일 편집기에서 한 번에 모든 관련 요소를 일괄 업데이트할 수 있습니다.

재사용 가능한 구성요소 및 자산

복잡한 요소를 여러 페이지에서 반복적으로 사용해야 하나요? Macaw에서는 이를 라이브러리에 ‘구성요소’로 저장한 후, 프로젝트 내 임의의 다른 페이지로 드래그 앤 드롭하여 쉽게 재사용할 수 있습니다.

새로운 기능 (버전 1.0.1):

버그 수정 및 업데이트

• 로그인 시간이 크게 단축되었습니다.

• 피드백 대화상자의 전송 기능을 수정했습니다.

• 애플리케이션이 잘못된 판단으로 인해 특정 브레이크포인트와 다른 브레이크포인트 사이의 간격이 40px 미만이라고 인식할 경우 브레이크포인트 추가가 불가능했던 문제를 해결했습니다.

• 단축키 메뉴에서 사용되지 않는 Morph 단축키를 제거했습니다.

• 게시 시 line-height 값이 1 미만일 때 발생하던 버그를 수정했습니다.

• 입력 텍스트 선택 영역을 드래그할 때 의도치 않게 가져오기 기능이 작동하는 현상을 방지했습니다.

• 이미지 높이 계산 오류를 수정했습니다.

• macOS에서 메인 디스크 외부의 저장 장치(네트워크 드라이브, 플래시 드라이브 등)에 파일을 저장할 수 없었던 저장 오류를 수정했습니다.

필요 사양: macOS