17 min read

디자인 작업을 빠르게 돕는 생산성 사이트 모음

디자인 작업을 빠르게 돕는 생산성 사이트 모음

안녕하세요, 왕초보 여러분! 오늘은 디자인 작업을 할 때 시간을 절약하고 효율성을 높여주는 유용한 웹사이트들을 소개해 드리려고 합니다. 이런 도구들을 알고 있으면 작업 시간을 단축하는데 도움을 받을 수 있습니다.


이미지 크기 조정이 필요할 때

Adobe Express

https://www.adobe.com/kr/express/


이미지 크기 조정은 물론, 배경 제거 등 다양한 기능을 제공합니다. 템플릿을 활용하여 SNS 게시물, 전단지 등 시각적인 콘텐츠를 쉽고 빠르게 만들 수 있는 만능 도구입니다. 복잡한 디자인 소프트웨어 없이도 전문적인 결과물을 얻을 수 있도록 돕습니다.

어도비 익스프레스 이미지 크기 조정 기능

ResizePixel

ResizePixel - online image editor
Free image editor to crop, resize, flip, rotate, convert and compress image online

웹사이트나 SNS용 이미지의 크기를 맞춰야 할 때 유용합니다. 원하는 픽셀 크기를 입력하거나 퍼센트로 축소/확대가 가능하며, JPG, PNG, GIF 등 다양한 이미지 형식을 지원합니다.

ResizePixel 웹사이트

Bulk Resize Photos

Bulk Resize Photos
Unlimited, free image resizer. Resize an image or a batch of images. No account needed; just convenient & free online image resizing.

이름에서 알 수 있듯이 대량의 사진을 한 번에 크기 조정할 수 있는 사이트입니다. 온라인 쇼핑몰 상품 이미지를 일괄 처리하거나 회사 자료용 이미지를 통일된 크기로 맞출 때 특히 유용합니다.

Bulk Resize Photos 웹 사이트

파일 용량이 너무 클 때

TinyPNG

TinyPNG – Compress AVIF, WebP, PNG and JPEG images
Free online image optimizer for faster websites! Reduce the file size of your AVIF, WEBP, JPEG and PNG images while preserving the image quality.

PNG와 JPG 파일의 용량을 대폭 줄여주면서도 화질 손상을 최소화해주는 사이트입니다. 웹사이트 로딩 속도를 높이거나 이메일 첨부 용량을 줄일 때 필수적입니다.

TinyPNG 웹 사이트

Squoosh

Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

구글에서 만든 이미지 압축 도구로, 압축 전후를 실시간으로 비교해볼 수 있어서 원하는 수준으로 조정하기 좋습니다. 다양한 포맷 지원과 고급 압축 옵션이 장점입니다.

Squoosh 웹사이트

CompressJPEG

온라인으로 JPG 이미지들을 압축하기
JPEG 이미지들과 사진들을 압축해, 웹페이지에 올리거나, 소셜 네트워크 또는 이메일을 통해 공유할 수 있습니다.

JPG 파일에 특화된 압축 사이트로, 압축률을 슬라이더로 조정하면서 결과를 미리 볼 수 있습니다. 한 번에 20개 파일까지 처리 가능합니다.

CompressJPEG 웹사이트

파일 형식을 바꿔야 할 때

Online-Convert

Online converter - convert video, images, audio and documents for free
Convert files like images, video, documents, audio and more to other formats with this free and fast online converter.

카테고리별로 잘 정리되어 있어서 찾기 쉽고, 변환 전에 품질이나 크기 등을 미세 조정할 수 있는 옵션이 많습니다.

Online-Convert 웹 사이트

Zamzar

Zamzar - video converter, audio converter, image converter, eBook converter
Free online video converter, audio converter, image converter, eBook converter. No download or account required.

간단한 인터페이스가 특징이고, 변환이 완료되면 이메일로 알려주는 기능이 있어서 큰 파일 처리 시 편리합니다.

Zamzar 웹 사이트

디자인 프로젝트 관리하기

Trello

Capture, organize, and tackle your to-dos from anywhere | Trello
Make the impossible, possible with Trello. The ultimate tool to boost your productivity. Escape the clutter and chaos—stay efficient with Inbox, Boards, and Planner from anywhere, even on mobile.

카드 형태로 작업을 관리하는 칸반 보드 방식의 도구입니다. 디자인 프로젝트의 진행 상황을 '아이디어 → 진행 중 → 검토 → 완료' 단계로 시각적으로 관리할 수 있습니다.

Trello 웹 사이트

Notion 디자인 템플릿

디자인 템플릿 | Notion (노션) 마켓플레이스
Notion의 디자인 템플릿으로 디자인 프로젝트의 성과를 높여보세요. 무드 보드, 프로젝트 개요, 디자인 자산 관리, 피드백 수집 툴까지 모든 것을 담은 창작자를 위한 컬렉션이에요. 창의적인 작업 과정과 협업을 간소화하고자 하는 디자이너를 위해 마련되었습니다.

Notion에서 제공하는 디자인팀용 템플릿들을 활용하면 프로젝트 일정, 에셋 관리, 피드백 정리 등을 체계적으로 할 수 있습니다. 특히 디자인 시스템 문서화에 유용합니다.

Notion 디자인 템플릿 사이트

Milanote

Milanote - the tool for organizing creative projects
Milanote is an easy-to-use tool to organize your ideas and projects into visual boards. Add notes, images, links and files, organize them visually and share them with your team.

디자이너를 위한 전용 작업 보드로, 이미지, 텍스트, 링크를 자유롭게 배치하면서 아이디어를 정리할 수 있습니다. 무드보드 제작이나 레퍼런스 수집에 최적화되어 있습니다.

Milanote 웹 사이트

작업 시간 관리하기

RescueTime

RescueTime
Boost productivity with RescueTime’s automatic time tracking software and timesheet app for freelancers, small businesses, project management, and employees. Create goals, project tracking, time management, and engaging live guided focus sessions designed to help you manage your time effectively and achieve your goals. Start a free 14-day trial today for you or our your team!

컴퓨터나 모바일에서 어떤 앱과 웹사이트를 얼마나 사용했는지 자동으로 추적해줍니다. 디자인 도구 사용 시간을 정확히 파악하고 집중도를 높이는 데 도움이 됩니다.

RescueTime 웹 사이트

Toggl Track

Toggl Track: Time Tracking Software for Any Workflow
The world’s best time tracking software. Track employee time, send beautiful client reports, and calculate profitability. Free and paid plans to save you time.

프로젝트별, 클라이언트별로 작업 시간을 측정하고 리포트를 생성해주는 도구입니다. 프리랜서 디자이너나 대행사에서 작업 시간을 정확히 기록해야 할 때 필수적입니다.

Toggl Track 웹사이트

고용량 파일 전달하기

WeTransfer

WeTransfer | Send Large Files Fast
The simple, quick and secure way to send your files around the world without an account. Share your files, photos, and videos today for free.

2GB까지 무료로 전송 가능하고, 받는 사람의 이메일만 있으면 간단히 보낼 수 있습니다. 7일간 다운로드가 가능하며, 전송 상태를 실시간으로 확인할 수 있습니다. 디자인 파일 전달의 대표적인 선택지입니다.

WeTransfer 웹 사이트

Google Drive

https://www.google.com/drive/

15GB의 무료 저장공간을 제공하고, 파일 공유 시 권한 설정(보기만/편집 가능)을 세밀하게 조정할 수 있습니다. 버전 관리 기능도 있어서 수정 내역을 추적하기 좋습니다.

Google Drive 웹 사이트

Dropbox

Dropbox.com
Discover Dropbox – secure, easy cloud storage for file sharing and collaboration. With Dash, save time and organize all your company content in one place.

파일 동기화가 빠르고 안정적이며, 클라이언트와의 협업 폴더를 만들어 실시간으로 파일을 주고받을 수 있습니다. 댓글 기능으로 파일별 피드백도 받을 수 있습니다.

Dropbox 웹 사이트

SendAnywhere

Send Anywhere
Send whatever you want, wherever you want

10GB까지 무료 전송이 가능하고, 6자리 키 번호로 간편하게 파일을 주고받을 수 있습니다. 모바일 앱도 잘 되어 있어서 급할 때 유용합니다.

SendAnywhere 웹 사이트

디자인 협업을 위한 사이트

Figma

Figma | 협업을 위한 인터페이스 디자인 도구
Figma는 의미 있는 제품을 만들기 위한 최고의 협업 디자인 도구입니다. 하나의 플랫폼에서 원활하게 디자인 및 프로토타입을 제작하고 개발하며 피드백을 제공할 수 있습니다.

실시간 협업이 가능한 UI/UX 디자인 툴로, 여러 명이 동시에 같은 파일을 편집할 수 있습니다. 댓글과 프로토타이핑 기능으로 클라이언트 피드백을 효율적으로 받을 수 있습니다.

Figma 웹 사이트

InVision

Miro | 이노베이션 워크스페이스
Miro는 팀이 프로젝트를 관리하고, 제품을 디자인하고, 미래를 함께 만들어가는 이노베이션 워크스페이스입니다. 전 세계 8천만 명 이상의 사용자와 함께하세요.

디자인 프로토타입을 만들고 클라이언트나 팀원들과 공유해서 피드백을 받을 수 있는 플랫폼입니다. 클릭 지점별로 댓글을 달 수 있어서 구체적인 수정 요청을 받기 좋습니다.

InVision 웹 사이트

Canva

https://www.canva.com/

다양한 템플릿을 기반으로 누구나 쉽게 디자인할 수 있는 도구이며, 실시간 협업 기능을 통해 팀원들과 함께 디자인 작업을 진행하고 피드백을 주고받을 수 있습니다.

Canva 화이트보드 기능 화면

Miro

Miro | 이노베이션 워크스페이스
Miro는 팀이 프로젝트를 관리하고, 제품을 디자인하고, 미래를 함께 만들어가는 이노베이션 워크스페이스입니다. 전 세계 8천만 명 이상의 사용자와 함께하세요.

온라인 화이트보드 도구로, 브레인스토밍이나 아이디어 회의를 할 때 유용합니다. 스티커 노트, 다이어그램, 이미지 등을 자유롭게 배치하면서 팀원들과 실시간으로 아이디어를 발전시킬 수 있습니다.

Miro 웹 사이트

Slack

AI 업무 관리 및 생산성 도구
업무가 이루어지는 새로운 세상, Slack 전 세계에서 가장 사랑받는 업무용 운영 체제에 인력, 프로젝트, 도구, AI를 한데 모아보세요

메신저 기반의 업무 협업 도구로, 프로젝트별로 채널을 만들어 관련 파일과 대화를 한곳에 모을 수 있습니다. 디자인 파일 미리 보기 기능과 다양한 디자인 툴 연동이 가능합니다.

Slack 웹 사이트

Loom

Free screen recorder for Mac and PC | Loom
Best free online screen recording tool with advanced video editing and video storage trusted by over 22 million people and easy sharing from Loom.com.

화면 녹화 도구로, 디자인 작업 과정이나 수정 사항을 영상으로 설명하여 클라이언트에게 전달할 수 있습니다. 긴 설명보다 짧은 영상 하나가 내용을 훨씬 명확하게 전달할 수 있게 해줍니다.

Loom 웹 사이트

이런 도구들을 상황에 맞게 조합해서 사용하면 디자인 작업의 효율성을 크게 높일 수 있습니다. 필요한 도구들을 하나씩 써보면서 자신의 작업 스타일에 맞는 도구들을 찾아보세요. 도움이 되는 도구를 잘 찾는다면 작업 시간을 단축하는 것 뿐만 아니라 결과물의 질을 높일 수 있을 것입니다.

그럼 다음 뉴스레터에서 만나요!

누구나 하는 디자인 : 마라 스튜디오 클래스
마라스튜디오는 왕초보를 위한 디자인 도구 교육 채널입니다. 누구나 쉽게 디자인 할 수 있어요. 😃 안녕하세요. 마라입니다. 마라스튜디오 채널은 왕초보를 위한 디자인 만들기 정보 채널입니다. 포토샵이 없어도 쉽게 디자인 할 수 있는 디자인 플랫폼을 사용하는 방법, 꼭 필요한 그래픽 디자인 관련 지식들, 나만의 디지털 콘텐츠를 직접 만드는 방법을 강의합니다. 저는 오랫동안 학원에서 포토샵, 일러스트레이터, 웹디자인 강의를 했고 그 경험을 바탕으로 마라 스튜디오만의 강의 시스템을 만들어 가는 중입니다. 이 채널은 디지털 콘텐츠를 처음 만드는 초보자를 대상으로 실제 사용 면에서 유익한 콘텐츠를 만들기 위해 기획된 프로젝트입니다. 좋은 영상으로 여러분께 도움이 되길 바라면서 꾸준히 진행하겠습니다. 질문이 있으시면 영상 아래 댓글로 남겨주시거나 오픈카톡방에 올려주세요. 오픈 카톡방에서는 더 다양한 정보와 소식들이 자주 공유될 예정입니다. [강의 학원 경력] 종로 하이미디어,신촌 더좋은,강남 더좋은, 직업학교 등 [자격 사항] 컴퓨터 그래픽스 운용기능사 시각디자인 산업기사 웹 디자인 기능사 Adobe ACA Photoshop Adobe ACA Illustrator 🚩 마라스튜디오 오픈카톡방 : 오픈카톡방 입장하기 https://open.kakao.com/o/gqy4skGf 👆 🚩 마라스튜디오 홈페이지 : https://marastudio.kr/ 👆 🚩 마라스튜디오 블로그 : https://blog.naver.com/mara-studio 🚩 마라스튜디오 뉴스레터 신청 : 마라스튜디오 뉴스레터 : https://marastudio.ghost.io/ 📍 마라스튜디오 인스타그램: https://www.instagram.com/mara.studio.class/