디자이너를 위한 최고의 구글 크롬 확장 프로그램 8가지
글꼴 미리보기나 작업 흐름 관리를 위한 도구가 필요하든, 이 전체 가이드에서 디자이너를 위한 최고의 구글 크롬 확장 프로그램을 찾을 수 있습니다. 이 플러그인은 진지한 취미가이든 전문가이든 모두에게 이상적입니다.
목차
- 피그마
- 어도비 익스프레스
- 구글 폰트 미리보기
- HTML to Design
- ColorZilla
- 미로 크롬 검색 확장 프로그램
- 디자이너 도구
- 퍼펙트픽셀
1. 피그마
가격: 프리미엄 옵션이 있는 무료
피그마는 UX 디자이너와 그래픽 디자이너 모두에게 인기가 있으며, 그 크롬 확장 프로그램은 구글 캘린더에서 생성하는 이벤트를 더 잘 사용자 정의할 수 있도록 도와줍니다.
피그마의 크롬 확장 프로그램을 사용할 때 FigJam 보드를 직접 공유할 수 있습니다. 이 기능은 프레젠테이션을 진행하거나 회의 전에 추가적인 맥락을 제공하는 데 사용할 수 있습니다.
피그마 크롬 확장 프로그램은 구글 캘린더 이벤트에 피그마 파일을 추가할 수 있게 해줍니다. 기존 파일을 추가하는 것 외에도, 캘린더를 통해 새로운 파일과 FigJam 보드를 생성할 수 있습니다. 또한, 이 플러그인은 피그마 웹사이트로 빠르게 클릭하여 이동할 수 있는 기능을 제공합니다.
2. 어도비 익스프레스
가격: 프리미엄 옵션이 있는 무료
복잡한 디자인에는 어도비 인디자인이나 어도비 일러스트레이터와 같은 더 고급 도구를 사용하는 것을 추천하지만, 어도비 익스프레스는 기본 프로토타입과 소셜 미디어 게시물에 적합합니다. 이미지를 빠르게 자르고 크기를 조정할 수 있으며 배경을 제거할 수도 있습니다.
어도비 익스프레스 크롬 확장 프로그램을 사용하면 웹사이트로 이동할 필요 없이 빠르게 새로운 디자인을 생성할 수 있습니다. 생성을 클릭하면 전체 라이브러리에 접근할 수 있습니다.
이 확장 프로그램을 사용할 때, 컴퓨터나 하드 드라이브에서 이미지를 PNG 또는 JPEG로 변환할 수도 있습니다. 그러나 WEBP 파일을 JPEG로 저장하고 변환하는 데는 작동하지 않습니다.
3. 구글 폰트 미리보기
가격: 무료
폰트가 함께 작동하는 방식을 이해하는 것은 디자인의 가장 중요한 측면 중 하나이지만, 그것들이 어떻게 보일지 아는 것은 때때로 어려운 일입니다. 구글 폰트 미리보기는 여러 폰트를 적용했을 때 페이지가 어떻게 보일지를 미리 볼 수 있게 해줍니다.
추가할 폰트를 선택하려면 오른쪽에 포괄적인 목록이 있습니다. 아랍어 및 한국어와 같은 비라틴 기호를 사용할지 여부도 선택할 수 있습니다.
문자 대소문자를 변경하여 폰트가 페이지의 다양한 부분과 어떻게 상호작용하는지 확인하세요. 또한 일반 및 굵기 중에서 선택할 수 있습니다. 원하는 폰트로 변경할 내용을 알게 되면, 사용 중인 워드프레스 테마나 웹사이트 빌더에서 자유롭게 조정할 수 있습니다.
4. HTML to Design
가격: 프리미엄 옵션이 있는 무료
HTML to Design을 사용하려면 피그마 플러그인이 필요하지만, 두 가지를 모두 설치하면 디자이너를 위한 매우 강력한 크롬 확장 프로그램입니다. 탐색하는 크롬 페이지를 피그마 디자인으로 변환할 수 있습니다.
HTML to Design은 디자인 너비를 사용자 정의할 수 있게 해줍니다. 웹페이지를 디자인하는 경우 브라우저 너비로 시작하는 것을 추천하지만, 앱이나 모바일 페이지를 만드는 경우 모바일 옵션을 선택할 수도 있습니다.
HTML to Design 플러그인은 전체 페이지 또는 특정 부분을 선택하고 라이트 또는 다크 모드를 선택할 수 있게 해줍니다.
5. ColorZilla
가격: 무료
정확한 RGB 숫자를 아는 것은 가장 큰 도전 중 하나이지만, ColorZilla 크롬 확장 프로그램은 디자이너에게 이 작업을 더 쉽게 만들어줍니다. 이 플러그인은 웹페이지의 로고, 사진 또는 기타 요소의 색상에 필요한 정확한 숫자를 보여줍니다.
특정 웹페이지에서 색상을 선택하는 것 외에도 ColorZilla는 브라우저 외부에서 색상을 선택할 수 있게 해줍니다. 이 플러그인은 선택한 색상의 기록을 유지하므로 언제든지 참조할 수 있습니다.
이 색상 선택기는 일반적으로 사용되는 색상의 RGB 숫자를 볼 수 있는 팔레트 브라우저도 제공합니다.
6. 미로 크롬 검색 확장 프로그램
가격: 프리미엄 옵션이 있는 무료
미로 프로젝트에 빠르게 접근하고 싶다면 미로의 크롬 검색 확장 프로그램을 다운로드하는 것을 고려해보세요. 이 플러그인을 통합한 후, 크롬 URL 상자에서 모든 문서를 직접 검색할 수 있습니다.
결과를 찾으려면 “miro”를 입력한 다음 파일 이름을 입력하세요. URL이 Miro Search로 변경되는 것을 확인할 수 있습니다.
Enter 키를 누르면 미로 대시보드로 이동합니다.
7. 디자이너 도구
가격: 프리미엄 옵션이 있는 무료
디자이너 도구는 앱과 웹사이트를 디자인할 때 측정을 배울 수 있는 훌륭한 크롬 확장 프로그램입니다. 방문하는 사이트의 각 요소가 몇 픽셀인지, 텍스트 상자 및 시각적 요소와 같은 것을 배울 수 있습니다.
하나를 클릭하고 측정하려는 다음 요소 위에 커서를 올려놓으면 서로 다른 섹션의 픽셀을 비교할 수도 있습니다.
디자이너 도구는 측정값을 저장하고 더 정확한 측정을 위해 그리드를 추가할 수 있게 해줍니다. 또한 이 도구의 사용을 극대화하기 위해 픽셀 스케일링에 대해 배울 수 있습니다.
8. 퍼펙트픽셀
가격: 프리미엄 옵션이 있는 무료
퍼펙트픽셀은 컴퓨터에서 시각적 자산을 업로드하여 여러 레이어를 추가할 수 있게 해줍니다. 클립보드에서 복사하고 붙여넣기도 가능합니다. 나중에 프로젝트를 완료하고 싶다면 진행 상황을 쉽게 저장할 수 있습니다.
혼란을 방지하기 위해 각 웹사이트에 대해 서로 다른 레이아웃을 추가하세요. 업로드한 레이어를 원하는 위치에 정확히 드래그 앤 드롭할 수도 있습니다.
퍼펙트픽셀은 한 번의 클릭으로 요소를 왼쪽, 가운데 또는 오른쪽에 배치할 수 있게 해줍니다. 또한 작업 흐름을 간소화하기 위한 여러 단축키를 찾을 수 있습니다.
특정 색상을 찾고 있거나 웹페이지에서 새로운 요소를 디자인하고 싶다면, 디자이너를 위한 최고의 크롬 확장 프로그램이 도움이 될 수 있습니다. 소프트웨어를 더 효과적으로 검색할 수 있는 도구도 많이 찾을 수 있습니다. 이러한 도구를 검색 경험을 향상시키는 크롬 확장 프로그램과 결합하면 더 나은 생산성을 얻을 수 있습니다.
이미지 출처: DALL-E. 모든 스크린샷은 Danny Maiorca가 촬영했습니다.
