Macaw

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

유동적 캔버스 및 그리드

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

반응형 브레이크포인트

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

풍부한 타이포그래피 기능

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

인터랙티브 기능

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

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

글로벌 스타일

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

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

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

새로운 기능 (버전 1.0.7)

소규모 기능 추가

• 누딩(nudging) 및 푸딩(pudging) 동작이 레이아웃 흐름 내에 유지될지 또는 흐름을 끊을지를 설정할 수 있는 토글 기능을 추가했습니다.

버그 수정

• 페이지 이름을 변경하지 못하는 경우가 있던 문제를 수정했습니다.

• 고급 텍스트 기반 속성의 삭제를 허용했습니다.

• Shift+클릭 시 가끔 발생하던 ‘블랙스크린 오브 데스(검은 화면 사망)’ 버그를 수정했습니다.

• 라디오 버튼 및 체크박스가 렌더링 후 float 속성을 해제하는 문제를 방지했습니다.

• body 태그에 부적절한 클래스명을 지정하는 것을 금지했습니다.

• 중앙 기준점(origin)을 설정할 때 마진이 반드시 초기화되도록 보장했습니다.

• 히스토리의 되돌리기/다시하기 기능을 개선하여, 필요하지 않을 때 요소가 불필요하게 다시 배치되지 않도록 했습니다.

• 글로벌 스타일 대화상자 내 스타일 표시 관련 문제를 해결했습니다.