디자인

그쪽도 디자인을 아세요?

UX/UI 디자인할 때 쓰면 좋은 툴 3가지, 보면 좋은 사이트 3가지

2023.10.31 | 조회 962 |
2
|
디자이너 장석연의 프로필 이미지

디자이너 장석연

"사용자의 경험을 1분 1초도 낭비되지 않도록"

요즘 바빠 글을 작성하지 못했는데,
잠시나마 현실과 탈주를 시전하고

출처 : 브런치 스토리 <https://brunch.co.kr/@sine/162>
출처 : 브런치 스토리 <https://brunch.co.kr/@sine/162>

죄송한만큼 좋은 정보를 가지고 왔습니다...

 

오늘은 지금까지 제가 UX/UI 디자인을 하면서 사용했던 툴, 사이트 총 6가지를 소개시켜 드릴게요!

 

Zeplin 

제플린은 UX/UI 디자인 작업을 하면서 사용하는 툴은 아니고 디자인을 관리하고 개발자와 협업할 때 사용하는 툴입니다. 

 

출처 : Zeplin
출처 : Zeplin

굉장히 자주 사용했었는데 한 개의 프로젝트만 무료로 사용할 수 있고 나머지 다른 프로젝트는 유료를 결제해야 해서 그건 좀 불편했었어요. 

 

하지만 프로젝트 관리나 개발자 협업에는 정말 좋은 툴입니다! 

 

Framer

프레이머는 토스에서 사용하는 툴로 알고 계시는 분들도 많이 계실 것 같아요.

 

현재 토스에서 프레이머라는 툴로 디자인을 하고 있는 걸로 알고 있고, 여러 기업들이 프레이머를 통해 사이트도 제작하는 사례를 많이 봤습니다.

 

출처 : Framer
출처 : Framer

하지만 제가 다음으로 소개해드릴 툴보다 더 어렵고 숙련도가 필요한 툴입니다.

저도 포기했다가 다시 배웠다는…

 

하지만 그만큼 장점이 단점을 상쇄시켜버리는 정도입니다. 정말 좋은 장점을 지녔어요.

프레이머로 디자인을 하면서도 개발을 할 수 있고 (HTML CSS / JS(이건 모르겠네요.)을 툴 안에서 다룰 수 있어요.) 앞서 말했듯, 홈페이지를 이 툴로 직접 만들 수도 있습니다.

 

Figma 

이 툴은 많은 분들이 아실 거라 생각합니다. 현재 가장 많이 사용하고 있는 디자인 툴, Figma 입니다.

 

조금 오래된 소식이지만 피그마가 무려 28조에 어도비에 인수되었죠. 그만큼 지금 디자인 업계에서는 사실상 가장 좋은 툴이라고 볼 수 있습니다.

 

출처 : Figma
출처 : Figma

 

심지어 핸드폰 어플이케이션도 출시하여 디자이너가 직접 핸드폰으로 규격이나 색깔을 확인할 수 있습니다.

 

그 밖에도 스마트 애니메이션, 프로토타입, 여러가지 플러그인 등으로 장점이 많은 툴입니다! 저도 현재 Figma 로 모든 작업을 하고 있어요.

 

그럼 이 툴을 사용할 때 참고하면 좋은 사이트를 추천해드릴게요

 

피그마 튜터

먼저 피그마 튜터입니다. 이 분은 인스타그램을 운영하면서 좋은 정보를 많이 주고 계십니다.

 

출처 : instagram <Figma tutor>
출처 : instagram <Figma tutor>

특히 피그마를 활용해서 디자인을 할 때면 플러그인이라는 걸 무조건 활용해야 하는 상황이 오는데 그 때마다 보시면 정말 좋은 정보를 많이 얻어가실 수 있습니다!

 

그리고 한 달에 한 번씩 이벤트도 진행하시니 팔로우 하시고 눈 뚜릅 뜨고 지켜보세요! 많은 유익한 정보를 알려주십니다!

 

리메인

리메인커리어 | 리메인

 

여기에 디자인 관련해서 자료가 올라온게 있는데, 여기에 처음 디자인에 입문하시는 분들이 보기 좋은 기본 정보들이 많이 있습니다.

제가 처음 디자인을 시작할 때 참고했던 사이트로 기억합니다! 

 

카카오톡 오픈채팅방

첨부 이미지

다음은 카카오톡 오픈채팅방 입니다.

웬만한 사이트보다 카카오톡에 올라오는 여러 실무자 분들의 답변이 더욱 좋을 때가 있습니다!

 

일부러 안 읽은게 아니라 보여드리려고 안 읽은겁니다!!!!!!!!!!!!

 

여기까지 해서 글 마쳐보도록 할게요!

툴 3개, 사이트 3개를 추천해드렸는데 도움이 되셨으면 좋겠어요! 감사합니다!

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

디자이너 장석연 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글 2개

의견을 남겨주세요

확인
  • inspireX의 프로필 이미지

    inspireX

    0
    over 1 year 전

    유용한 정보 잘 읽었어요! 좋은 뉴스레터 감사합니다👍

    ㄴ 답글 (1)
© 2025 디자이너 장석연

"사용자의 경험을 1분 1초도 낭비되지 않도록"

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보 뉴스레터 광고 문의

서비스 이용 문의admin@team.maily.so

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스