모든 디자이너가 가지고 있어야 하는 10가지 Chrome 확장 프로그램(2022)

모든 디자이너에게 중요하고 필요한 Chrome 확장 프로그램.

1. 다크 모드

이 확장은 매우 기본적이며 모든 디자이너가 시도해야 합니다. 다크 모드 확장은 라이트 테마 웹페이지를 다크 테마로 전환하여 다른 시각적 모양을 제공합니다. 때로는 일부 웹 사이트가 다크 모드에서 얼마나 멋지게 보일지 상상하기 어렵습니다. 그래서 이 플러그인은 웹페이지를 다크 모드로 만드는 역마법을 만듭니다.

다크 모드 확장 프로그램 다운로드 링크

2. Fardos로 색칠하기

이 확장 프로그램을 사용하면 모든 웹사이트에서 색상을 선택할 수 있습니다. 내가 이미 가지고 있는 일반적인 색상 선택기 확장 프로그램이 아닌가요?
답은 아니오입니다. Color by fardos의 가장 멋진 기능 중 하나는 모든 색상 이름을 입력할 수 있고 특정 색상의 음영, 색조, 4색, 3색, 보색 및 분할 보색을 얻을 수 있다는 것입니다.
웹 사이트를 검색하고 색상의 보완 및 기타 기본 사항을 아는 것은 어렵습니다. 그래서 저는 이 플러그인을 사용하여 시간을 절약합니다.

Color by fardos 확장 프로그램 다운로드 링크

3. 왓폰트

이것은 Fontsninja와 유사한 확장이며, 이 플러그인은 웹사이트의 특정 페이지에서 사용된 글꼴 패밀리 이름, 크기, 줄 높이, 색상 및 글꼴 두께를 찾는 데 도움이 됩니다.

Whatfont 확장 프로그램 다운로드 링크

4. Heurio — UX 확인 및 시각적 피드백 도구

이 도구는 디자이너와 개발자 간의 커뮤니케이션에 도움이 됩니다. 이 확장 기능을 사용하면 모든 웹사이트를 캔버스로 만들고 나중에 개발자와 공유할 수 있는 메모를 추가할 수 있습니다. 이 확장을 통해 이러한 사소한 오해는 배포 단계에서 버릴 것입니다.
웹 사이트를 열고 확장 프로그램을 클릭하고 웹 사이트의 요소를 클릭하여 아이디어를 고정하고 모든 변경 사항이 있는 링크를 개발자 팀에 공유하기만 하면 됩니다.

Heurio 확장 프로그램 다운로드 링크

5. 창 크기 조정

이 확장 프로그램은 모든 장치를 에뮬레이트할 수 있도록 창의 크기를 원하는 해상도로 조정합니다. 높이와 너비를 설정하여 웹사이트 창을 특정 창으로 변경할 수 있습니다.
이 확장을 통해 브라우저의 크기를 조정하지 않고도 다양한 장치에서 웹사이트가 어떻게 보이는지 볼 수 있습니다.

창 크기 조정 프로그램 다운로드 링크

6. 사이트 팔레트

이 확장은 웹사이트에서 모든 색상을 추출하는 데 도움이 됩니다. 해당 색상을 이미지로 내보낼 수도 있습니다. 사이트 팔레트는 팔레트 생성기를 지원합니다. 공유 가능한 링크를 만들 수 있습니다. 사이트 팔레트는 Adobe Swatch, coolors.co 등과 연관되어
있습니다. 포괄적인 팔레트를 생성하기 위한 브라우저 확장입니다. 디자이너와 프론트엔드 개발자를 위한 필수 도구입니다. 무료 색 구성표 추출.

사이트 팔레트 확장 다운로드 링크

7. 세이브

모든 사이트의 이미지를 save.it의 보드에 직접
저장하십시오. 갤러리에 모든 작업 공간 이미지를 저장하고 그 이미지를 찾는 데 어려움을 느끼십니까?
이 확장 프로그램을 사용하면 모든 이미지, 영감 등을 한 곳에 저장할 수 있으며 어디에서나 이러한 이미지에 액세스할 수 있습니다.

Savee 확장 다운로드 링크

8. 사이트시

SiteSee는 아름답고 현대적인 웹사이트를 모아 놓은 갤러리입니다.
SiteSee는 기본 탭을 대체하여 홈페이지를 아름다운 웹사이트의 배경화면과 같은 갤러리로 바꿉니다. 이 확장을 사용하면 업데이트를 놓치지 않을 것입니다. 각 스크린샷은 클릭할 수 있으며 원하는 목적지로 바로 이동합니다.
이 확장 프로그램을 통해 나는 어떤 사이트에 가서 검색하지 않고도 멋진 영감을 쉽게 소비합니다.

Sitesee 확장 다운로드 링크

9. 언스택 스타일 가이드

Unstack Style Guide는 브랜드 팔레트, 텍스트 색상 및 글꼴 유형을 포함하여 모든 웹사이트에서 필요한 모든 디자인 정보를 쉽고 효율적으로 가져올 수 있는 Chrome 확장 프로그램입니다.
이 확장을 사용하면 몇 번의 클릭으로 스타일 가이드를 복사하고 내보낼 수 있습니다.

Ustack Stye Guide 확장 다운로드 링크

10. 색상 대비 검사기

대비는 사용자 인터페이스에서 매우 중요합니다. 대부분의 초보자는 대비를 확인하는 방법과 사용자가 대비로 인해 직면하게 될 문제가 무엇인지 모릅니다. 따라서 색상 대비 검사기는 레벨 AA WCAG 표준을 충족하지 않는 요소를 알려줌으로써 많은 도움이 됩니다.
이 확장은 대비를 확인하는 데 도움이 될 뿐만 아니라 색상을 저장하고 색상의 16진수 코드를 복사할 수 있습니다.

Color Contrast Checker 확장 다운로드 링크

이 기사가 도움이 되었기를 바랍니다. 저는 Figma 플러그인( 모든 디자이너가 가지고 있어야 하는 20가지 플러그인 )에 대해 비슷한 기사를 작성했습니다. 이것도 확인하실 수 있습니다.

저는 디자인 중독자인 Dinesh입니다. 다양한 소셜 플랫폼에서 UI/UX에 대한 많은 정보를 공유했습니다. 소셜 미디어에서 나를 팔로우하고 UI/UX에 대해 이야기합시다. 저와 함께하고 다음 기사를 놓치지 마세요.

해피디자인.

링크드인 | 인스 타 그램