티스토리 뷰

 

 

 

안녕하세요! newc입니다. 오늘만 두 번째 포스팅으로 찾아뵙네요.

이번 포스팅은 제가 창업을 준비할 때, 팀원들과 협업할 때 최고의 생산성 향상을 누린 몇 가지 도구들을 소개할까 합니다.

보통 아이디어를 디벨롭하는 과정은 참 쉽지 않죠. 

그러나 인간은 도구를 사용할 줄 아는 동물이니 만큼

그냥, 생으로 하지 마시고 지금부터 소개해드리는 몇 가지 툴을 참고하시면

시간 절약, 협업 효율 UP! 될 거예요.

IT 분야 창업을 준비하고 계시는 대학생 분들, 직장인 분들은 꼭 이 포스팅 먼저 보시고 시작하세요!!

 

 


[기획/개발 도구 소개]

|  문서 작업 도구 

1) 노션
- 팀 협업용 및 기록 아카이빙용으로 좋습니다. 기획팀, 개발팀, 디자인팀으로 나누어서 팀만의 공간을 만들고 그 안에서 작업물 기록하고 협업하도록 하는 도구로 사용하시기 좋아요. 워낙 유명한 생산성 향상 도구이죠?

+ Tip! 팀 목표와 일정을 첫 페이지에 넣어 배치하면 한눈에 보기 쉬울 거예요!

 

 

링크는 여기 ->  https://www.notion.so/ko-kr

 

위키, 문서, 프로젝트. 모두 한 곳에.

사용하는 모든 업무 앱을 Notion 하나에 담아 팀원들과 함께하는 올인원 워크스페이스를 꾸려 보세요.

www.notion.so

 

 

2) 구글 드라이브(스프레드 시트)
- 프로젝트의 전반적인 일정을 관리하기 위해 간트 차트를 활용하기 좋아요. 

- 전체적인 프로젝트 일정과 순서를 차례대로 기록하고 완료 항목을 지워나가는 방식을 추천드린답니다!

+ Tip! 노션은 큰 파일을 업로드하기 어렵기 때문에 그럴 경우 구글 드라이브에 아카이빙하면 좋아요. 

 

 

3) transno
- 생각 정리할 때 굉장히 유용한 툴입니다. 위아래로 겹치지 않고 상호 배타적인 내용들로 생각을 뻗어나가는 방식 추천드려요!

- 창업 관련 발표 자료 만들 때, 팀 원들과 아이디어 디벨롭할 때 자주 사용한답니다. 개인적으로 아홉 가지 중 가장 유용하다고 생각한 툴이에요. 

 

 

링크는 여기 -> https://transno.com/


 

Transno - Outlines, Notes, Mind Map

Efficient structured notes Use Transno to enjoy a more organized writing style that will sharp your input experience, minimalist and reliable Reading notes, event planning, meeting minutes and to-do lists are all perfect

transno.com

 

|  디자인 작업 도구 

4) 피그마/어도비 XD
- 워낙에 유명한 디자인 툴들이죠? 저도 초반에는 어도비 XD를 많이 사용했으나 팀 원들과 공유하는 것이 조금 어려워 요즘 대세인 피그마를 추천드려요!

- 디자이너라면 도서관에서 관련 책 후루룩 읽어보며 실습하면 금방 배울 수 있을 거예요. 

+ Tip! 피그마에는 피그잼이라는 보드도 있어서 유저 페르소나, 정보구조도 등 활용 가능한 템플릿을 많이 제공하여 좋아요.

+ Tip! 피그마 커뮤니티 탭에 들어가 보면 다른 사람들의 공유 파일을 복사할 수 있어서 아이콘, 와이어프레임, uiux 등 활용하여 디자인하기 좋아요!

 

 

링크는 여기 -> https://www.figma.com/downloads/

 

https://www.figma.com/downloads/

 

www.figma.com

 

 

5) uizard
- 디자인에 자신이 없는 기획자인데 디자인까지 해야 한다면 추천! 윅스, 아임웹 보다 더욱 쉽게 홈페이지 디자인이 가능하답니다.

 

- 다양한 템플릿 사용 가능해요. 단, 윅스와 아임웹처럼 웹빌더는 아니고 오직 디자인만 구성할 수 있어요.

 

- 가장 큰 장점으로는 종이 스케치를 스캔하여 업로드하면 바로 웹에서 구성해 준다는 것인데요. AI를 기반으로 하여 더욱 발전 가능성이 높은 툴입니다. 단, export를 하려면 유료로 사용해야 해요. uizard는 디자인의 민주화를 추구하는 스타트업이라고 한답니다!

 

링크는 여기 -> https://uizard.io/

 

Uizard | App, Web, & UI Design Made Easy | Powered By AI

Design mobile apps, websites, and UIs in minutes with Uizard, the world's first AI-powered UX/UI design tool! Sign up today.

uizard.io

 

 

6) unsplash
- 개인적으로 pixbay보다 더욱 깔끔하고 고퀄의 사진이 많아서 애용한답니다. ppt, 웹사이트 디자인 할 때 기본 이미지로 사용하기 좋아요!

 

 

링크는 여기 -> https://unsplash.com/ko 

 

아름다운 무료 이미지 및 사진 | Unsplash

어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.

unsplash.com

 

 

 

7) 핀터레스트
- 워낙 기본적인 디자인 참고 사이트라 많은 분들이 알고 계실 거예요! 활용하실 때는 예를 들어 유저 페르소나 부분을 디자인한다고 할 때 관련 키워드로 검색하여 개별적인 페이지를 찾아 디자인에 참고하는 것이 좋아요.

 

- 뭐 깔끔한 피피티 템플릿 이런 식으로 하면 정확하게 쓸만한 것을 찾기 어려운 것 같아요!

 

 

링크는 여기 -> https://www.pinterest.co.kr/

 

 

Pinterest

요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.

www.pinterest.co.kr

 

 

 

|  디자인 to 개발 작업 도구 

 

8) 제플린
- 디자이너가 uiux 디자인을 하였을 때 제플린에 업로드하면 프론트엔드 개발자가 정확한 dp를 확인하여 화면을 구성할 수 있어요. 피그마에 제플린 플러그인이 있으니 확인해 보세요!

 

 

링크는 여기 -> https://zeplin.io/

유용한 제플린 사용법 추천 -> https://www.youtube.com/watch?v=3wBNSfIg_6A

 

Zeplin

Deliver on the promise of design

zeplin.io

 

 

 

9) 아니마
- 아니마는 처음 사용했을 때 굉장히 신기했던 툴인데요. 많이 알려지지는 않았지만 피그마에서 작업한 디자인을 제플린과 마찬가지로 플러그인을 통해 업로드하면 자동으로 코드로 변환시켜 주어요!

 

- 제플린은 고작 해봐야 css만 변환해 주지만 아니마는 리액트, html 등의 코드로 변환해 주는 것이 굉장히 신기했어요. 그러나 무료 버전은 한계가 있어 유료 버전을 필수적으로 구입해야 할 것 같습니다.

 

 

링크는 여기 -> https://www.animaapp.com/

 

Anima: Design to code | Design system automation | High-fidelity prototypes

Anima is transforming the design to development workflow: design to code (Figma / XD / Sketch to React / Vue / HTML), design system automation (Storybook to Figma), next level prototyping (in Figma, XD and Sketch).

www.animaapp.com

 


 

오늘 포스팅 어떠셨나요?

창업을 준비하시는 분들이라면 꼭! 위와 같은 유용한 도구들을 통해 생산성 UP! UP! 하시길 바랍니다!

도움이 되셨다면 공감 한 번씩 눌러주세요..💕

 

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/06   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함