[#4] 프론트엔드 개발자가 만드는 Figma 디자인 | 깔끔한 todoList UI

현재 프론트엔드 3명이서 todoList 프로젝트를 진행하고 있다. 해당 프로젝트의 목적은 깃허브 이슈와 Jira를 사용해서 최대한 깔끔한 프로젝트를 하나 완성하는 것이다. 다른 분들은 디자인에 인연이 없다고 하셔서 내가 맡아서 피그마 작업을 진행했다. 처음엔 걱정했지만 꽤 좋은 방법을 찾아서 생각보다 수월하게 디자인 프레임을 완성할 수 있었다. 여기서 내가 이용한 방법은 바로 "Figma Community"이다. 유명한 디자인 웹 사이트인 Pinterest는 디자인 참고용으로는 좋겠지만 비전공자가 참고해서 피그마를 만드는 것에는 좀 어려움이 있어보인다. 피그마로 간단한 디자인 작업을 하기에는 Figma Community를 적극 추천한다. 예를 들어서, 'web todolist'를 검색하면 다양한 자료들이 나온다. 꿀팁은 한 곳에서 모든 컴포넌트를 찾으려고 하지말고 페이지 별로 검색해서 디자인을 참고하는 것을 추천한다. 

 

todolist 검색

login 검색

Pinterest에서 몇가지 예시를 가져오기도 했다. 

 

 

아래서부터는 이렇게 완성된 Co-Task의 디자인 프레임이다. 마치 디자이너가 만든 것 같아보인다. 

 

 

위 디자인을 완성하는데 총 2일정도 걸렸다. 해당 프로젝트는 토이 프로젝트로 실제 서비스를 내지 않기 때문에 Figma Community에서 디자인을 유사하게 가져와서 사용해도 괜찮겠지만 혹시 상용화 계획이라면 비용을 지불하고 사용하는 파일을 추천한다. 

 

이번주 스프린트도 완료!😎