Macaw

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

유동적 캔버스 및 그리드

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

반응형 브레이크포인트

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

풍부한 타이포그래피 기능

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

인터랙티비티(상호작용)

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

적은 작업으로 더 많은 디자인 구현

전역 스타일

Macaw는 공통 스타일을 저장해 문서 내 여러 요소에 신속하게 적용할 수 있도록 해주며, 한 번의 편집으로 전체 관련 요소를 동시에 업데이트할 수 있습니다.

재사용 가능한 컴포넌트 및 자산

복잡한 요소를 여러 페이지에서 반복적으로 사용해야 하나요? Macaw에서는 이를 라이브러리에 ‘컴포넌트’로 저장해 프로젝트 내 어떤 페이지에도 드래그 앤 드롭 방식으로 쉽게 추가할 수 있습니다.

필요 사양: OS X 10.8.5 이상

스크린샷: 광고 차단기(Ad blocker)를 사용 중이신 경우, 당 사이트를 화이트리스트에 등록해 주시기 바랍니다! 광고 수익은 저희가 고품질 콘텐츠를 제공할 수 있도록 돕는 핵심 원천입니다! 또는 이 안내를 읽어 보시면 당 사이트를 어떻게 지원할 수 있는지 확인하실 수 있습니다. 감사합니다!