Macaw

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

유동적 캔버스 및 그리드: Macaw는 유동 폭(Fluid Width)을 위해 특별히 설계되었습니다. 캔버스 크기를 조정하면 그리드와 요소들이 자동으로 반응하여 업데이트됩니다.

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

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

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

적은 작업으로 더 많은 디자인 구현하기: 글로벌 스타일 — Macaw는 자주 사용하는 스타일을 저장해 문서 전체의 여러 요소에 빠르게 적용할 수 있도록 합니다. 적용 후에는 스타일 편집기에서 한 번의 조작으로 모든 관련 요소를 동시에 업데이트할 수 있습니다.

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

새로운 기능 (버전 1.0.5):

• 프로젝트 게시 시 멈춤 현상 문제를 해결했습니다.

• 마이그레이션 스크립트를 수정하여 모든 이미지 크기를 정확히 계산하도록 했습니다.

• ‘최적화된 이미지 생성’ 옵션이 활성화된 상태에서 편집되지 않은 이미지의 크기 계산 오류를 수정했습니다.

필수 요구 사항: OS X 10.8.5 이상

스크린샷:

광고 차단기를 사용 중이신 경우, 당 사이트를 화이트리스트에 등록해 주세요! 광고 수익은 고품질 콘텐츠를 제공하기 위한 핵심 재원입니다! 또는 우리를 어떻게 지원할 수 있는지 알아보려면 이 안내를 읽어보세요. 감사합니다!