유틸리티

디자이너 즐겨찾기 필수 - 작업할 때 쓰는 무료 웹 도구 36개

디자이너를 위한 무료 온라인 도구 모음

포토샵, 일러스트 외에도 디자인 작업하다 보면 자잘하게 필요한 도구들이 많음. 설치 없이 웹에서 바로 쓸 수 있는 것들 정리해봄.

색상 관련 도구

컬러 팔레트 - 배색 조합 찾을 때 필수. 색상 변환기로 RGB, HEX, CMYK 자유자재로 변환. 인쇄물 작업할 때 특히 유용함.

이미지 처리

이미지 리사이즈 - SNS별 사이즈 맞출 때. 이미지 압축은 웹용 최적화할 때, 화면 비율 계산은 영상/배너 작업할 때.

아이콘/파비콘

파비콘 생성기 - 웹사이트 파비콘 만들 때. 여러 사이즈 한 번에 생성 가능해서 편함.

QR/바코드

QR코드 생성 - 명함, 포스터, 패키지에 QR 넣을 때. 바코드 생성은 제품 패키지 디자인할 때.

텍스트 관련

글자수 세기 - 카피 글자수 맞출 때. 로렘 입숨은 시안 더미 텍스트로 필수, 텍스트 변환은 대소문자 통일할 때.

개발자와 협업할 때

JSON 포매터 - API 데이터 구조 이해할 때. Base64 변환은 이미지 인라인 코드로 바꿀 때, URL 인코더는 링크 전달할 때.

시간 관리

타이머 - 뽀모도로로 집중 작업할 때. 디데이 계산기는 납품일 관리, 스톱워치는 작업 시간 측정.

계산기

퍼센트 계산기 - 스케일 비율 계산할 때. 단위 변환은 px, pt, mm 변환할 때 유용.

화면/해상도

화면 크기 확인 - 반응형 디자인 테스트할 때 현재 뷰포트 사이즈 확인.

보안

비밀번호 생성 - 클라이언트 계정 만들 때 안전한 비번 생성. 해시 생성은 파일 버전 관리할 때.

기타 유틸리티

내 IP 확인, IP 조회 - 서버 접속 문제 해결할 때. 정규식 테스터는 텍스트 패턴 찾을 때, UUID 생성은 에셋 고유 ID 만들 때.

생활

나이 계산기, BMI 계산기, 연봉 계산기 - 디자인 작업 외 일상에서 쓰는 것들.

재미

랜덤 숫자 - 디자인 시안 번호 정할 때. 로또 번호는 야근 많을 때 희망 품기용 ㅋㅋ 모스 부호는 특이한 컨셉에 활용.

전부 무료고 가입 없이 바로 쓸 수 있음. 북마크 해두면 작업 효율 올라감.