Macaw

이제 코드를 작성하지 말고, 그려보세요. Macaw는 사용자가 가장 좋아하는 이미지 편집기와 동일한 유연성을 제공하면서도 의미 있는 HTML과 극도로 간결한 CSS를 자동으로 생성합니다. 웹 디자인 도구에 대해 더 높은 기대치를 가져야 할 때입니다.

유동적 캔버스 및 그리드: Macaw는 유동 폭(fluid width)을 위해 설계되었습니다. 캔버스 크기를 조정하면 그리드와 요소가 자동으로 적절히 업데이트됩니다.

반응형 브레이크포인트: 다양한 기기 크기에 맞춘 디자인은 복잡할 수 있습니다. Macaw는 임의의 브레이크포인트를 정의하고 해당 특정 너비에 대해 속성을 세밀하게 조정할 수 있도록 합니다.

풍부한 타이포그래피: Macaw는 시스템 폰트, 완전한 웹 폰트 라이브러리뿐 아니라 Typekit 폰트까지 사용할 수 있도록 지원합니다. 또한 ‘줄당 문자 수’ 등 실용적인 계산 기능도 제공합니다.

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

적은 작업으로 더 많은 디자인 구현하기: 전역 스타일 — Macaw는 일반적으로 사용되는 스타일을 저장하여 문서 내 모든 요소에 신속하게 적용할 수 있도록 해줍니다. 적용 후에는 스타일 편집기를 통해 한 번에 모든 관련 요소를 일괄 업데이트할 수 있습니다.

재사용 가능한 구성요소 및 자산: 여러 페이지에서 반복해서 사용해야 하는 복잡한 요소가 있나요? Macaw를 사용하면 이를 라이브러리에 구성요소(component)로 저장한 후 프로젝트 내 임의의 페이지로 드래그 앤 드롭할 수 있습니다.

새로운 기능 (버전 1.0.6):

성능 향상 — 게시(publish) 속도가 최대 6배 빨라졌습니다!

버그 수정:

• 구성요소가 static position으로 올바르게 배치되지 않던 문제 해결;

• 전역 스타일 대화상자에서 border-radius 선택기 오류 수정;

• 캔버스 높이 버그로 인해 모든 요소를 보기 위해 충분히 아래로 스크롤되지 않던 문제 해결;

• 게시 시 이미지 값이 올바르게 저장되지 않던 문제 해결;

• 절대 위치 지정 요소가 브레이크포인트 간에 점프하던 문제 해결;

• 이미지 편집 후 실행한 되돌리기(undo) 작업 시 이미지가 재생성되지 않던 문제 해결;

• 이미지 크기 조정 중 Shift 키를 누른 상태에서 앱이 충돌하던 문제 해결;

• 중심 원점(center origin) 관련 문제 해결;