ux dev

피그마에서 컴포넌트를 생성할 때 여러개의 레이어를 한번에 컴포넌트로 생성해야 할 때가 있습니다. 보통 우클릭이나 단축키로 컴포넌트 생성이 가능하지만, 일괄로 레이어를 컴포넌트로 생성하는 방식은 우클릭이나 별도 단축키로 지원되지 않습니다. 한번에 여러 컴포넌트를 생성하는 방법은 여러 레이어를 선택한 상황에서, 상단 피그마의 컴포넌트 메뉴의 옵션 메뉴를 통해 선택이 가능합니다. 상세한 버튼의 위치와 이름은 아래 이미지를 참고해 주시기 바랍니다(피그마 상단 메뉴바 컴포넌트 메뉴 아이콘의 'Create multiple components' 메뉴 선택).

'html.to.design'은 웹페이지를 피그마에서 수정이 가능한 디자인 파일 형태로 그대로 가져올 수 있게 해 주는 플러그인입니다. 비슷한 기능의 플러그인들은 많았지만, 완성도면에서 부족한 면이 많은 것들이 대부분이었다고 하면 'html.to.design'의 경우 꽤 신뢰할만 한 수준의 품질을 보여 줍니다. 설치 및 사용방법 직관적인 이용방식을 보여 주는데, 플러그인 설치의 경우 여타 다른 플러그인처럼 피그마 내부에서 '플러그인' 버튼을 눌러 검색을 시작함으로써 설치 및 실행이 가능합니다. 사용방법은 플러그인 실행 시 나오는 주소창에 가져오고자 하는 페이지의 URL을 입력한 후 사이즈 등을 고르는 과정을 거쳐 임포트 버튼을 누르면 해당 웹페이지의 디자인이 간직된 신규 프레임 레이어가 생성된 것을 확인..

스테이지 매니저 기능은 유용하게 맥의 어플리케이션을 관리하고, 멀티태스킹을 진행할 수 있게 해 줍니다. 다만 애플리케이션 전환 시 애니메이션이 다소 시각적으로 혼잡하게 느껴질 때가 있습니다. 그런 경우 애니메이션을 제거함으로써, 불편을 최소화할 수 있습니다. 설정 방법은 ‘시스템 환경설정 > 접근성 > 디스플레이 > 애니메이션 축소’ 옵션을 설정하면 됩니다. 다만 이 경우 스테이지 매니저 뿐 아니라 맥OS 전체 및 ‘애니메이션 최소화’ 접근성 환경을 지원하는 어플리케이션 전부에 적용되므로 유의가 필요합니다. 스테이지 매니저의 애니메이션만 제거하는 방법은 2023년 11월 기준으로 없습니다.