본문 바로가기

IT/Design

웹디자이너를 위한 크롬 필수 확장 프로그램

 

Full Page Screen Capture

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

 

Full Page Screen Capture

추가 권한을 요청하지 않고 현재 페이지의 스크린샷을 전체적으로 캡처하고 신뢰할 수 있습니다!

chrome.google.com

 

 

ColorZilla

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

 

ColorZilla

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

chrome.google.com

 

 

WhatFont

https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

 

WhatFont

The easiest way to identify fonts on web pages.

chrome.google.com

 

 

 

Lightshot (screenshot tool)

https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp

 

Lightshot (스크린샷 도구)

쉽고 간편한 스크린샷 도구. 영역을 선택하고, 스크린 샷을 편집하고, 서버에 업로드하세요.

chrome.google.com

 

 

Pesticide for Chrome

https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh

 

Pesticide for Chrome

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

chrome.google.com

 

 

Spectrum

웹 페이지에서 다양한 종류의 색맹 결함(Color Vision Deficiencies)을 즉시 테스트할 수 있다.

https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb

 

Spectrum

Instantly test your web page with different types of color vision deficiency.

chrome.google.com

 

Site Palette

무료 브라우저 확장 프로그램이다. 디자이너와 프론트엔드 개발자를 위한 필수 툴이며, 모든 웹 사이트의 색상표(color palettes)를 생성할 수 있다.

https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh

 

Site Palette

Extract colours from any website

chrome.google.com

 

Google Font Previewer for Chrome

몇 가지 텍스트 스타일 옵션을 사용하여 Google 글꼴 디렉터리에서 글꼴을 선택하고 현재 탭에서 미리 볼 수 있다.

https://chrome.google.com/webstore/detail/google-font-previewer-for/engndlnldodigdjamndkplafgmkkencc

 

Google Font Previewer for Chrome

Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.

chrome.google.com

 

 

Page Ruler

페이지 눈금자를 사용하면 모든 페이지에 눈금자를 그리고 너비, 높이 및 위치를 표시할 수 있다.

https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme

 

Page Ruler

Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.

chrome.google.com

 

 

Screen Capture, Screenshot & Record – Bukket

캡처, 녹화(gif 파일로 저장), 이미지 저장

https://chrome.google.com/webstore/detail/screen-capture-screenshot/bgkknpjjkdiodnjnkkabgnkfdhcokden

 

Screen Capture, Screenshot & Record - Bukket

The First Ever All-in-One Screenshot, Screen Capture and Recording app! Everything made possible within the browser.

chrome.google.com

 

Muzli 2

디자인 최신 아티클 소개

https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc

 

Muzli 2 - Stay Inspired

The freshest links about design and interactive, from around the web. A designer's must!

chrome.google.com

 

crxMouse Chrome™ 제스처

https://chrome.google.com/webstore/detail/crxmouse-chrome-gestures/jlgkpaicikihijadgifklkbpdajbkhjo?hl=ko

 

crxMouse Chrome™ 제스처

간단한 마우스 제스처, 슈퍼 드래그, 휠 제스처, 로커 제스처 같은 마우스 탐색 바로 가기로 브라우징 생산성을 대폭 향상합니다.

chrome.google.com

 

Surfit.io

앞선 디자이너를 위한 시작페이지

https://chrome.google.com/webstore/detail/surfitio-%EC%95%9E%EC%84%A0-%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%8B%9C%EC%9E%91%ED%8E%98%EC%9D%B4/ipjibgkeofiedbfcfekfggdmjhhljgjn?hl=ko

 

Surfit.io - 앞선 디자이너를 위한 시작페이지 🏄

새 탭 페이지에서 모든 디자인 콘텐츠를 만나보세요!

chrome.google.com

 

'IT > Design' 카테고리의 다른 글

BBC 디자인 시스템 / BBC GEL  (0) 2020.06.13
Audi의 UI 가이드라인  (0) 2019.10.04
W3C HTML5 Conference 2019 & Web Solution Exhibition  (0) 2019.09.21