[팀 껌딱지] 피그마가 무엇일까?

시작하며

안녕하세요! 껌딱지 개발팀에서 프론트엔드에 대해 배우고 있는 지윤입니다!

프론트엔트 개발에 대해서 아직 많이 부족하고 배울 것이 많다고 느끼며 노력하는 중이에요.

 

 

 

 

 

✨ Figma는 무엇일까?

 

첫 주제에 대해 고민 할 필요도 없이 Figma를 선택했습니다.

졸업작품 UIUX 디자인 파트를 전담하게 되면서 공부를 하게 되었고, 그러면서 점점 흥미를 느끼고 있기 때문입니다.

 

 

피그마에 대해서 간단하게 설명드리자면 디자인 툴입니다.

UIUX를 디자인하는 것을 넘어 PPT, 애니메이션 등에도 활용하고 있습니다.

 

 

 

 

 

 

 

 

그래프에서도 보이듯이 Figma가 현재 가장 많이 쓰이고 있는 추세입니다.

 

 

 

 

 

 

🎶 Figma의 장점!

효율성	가장 큰 장점으로는 협업 기능인데요. 여러 디자이너와 개발자가 동시에 디자인 작업을 빠르고 효율적으로 수행할 수 있습니다.
비용	무료라는 점이 Figma를 배우는 학생의 입장에서 크게 와닿는 장점인 것 같습니다.
편리성	Figma는 브라우저와 데스크탑용 앱을 다운 받는 방법이 있습니다. 저는 주로 앱을 다운 받아서 바로 바로 작업하는 편입니다.
느끼는 장점	제가 느끼는 장점은 따로 저장하지 않아도 된다는 점입니다. Ctrl+S를 습관처럼 누르지만 피그마는 자동저장이 되기 때문입니다.

 

 

 

 

회원가입 후 로그인을 하게 되면 피그마가 열리게 됩니다.

 

 

 

 

 

 

🖥️ Figma 화면

 

에디터 모드는 좌측 패널, 캔버스, 우측 패널, 상단에 툴바 이렇게 간단하게 구성되어 있습니다.

 

 

 

좌측 패널	Asset들이 있는 Layers 패널이 표시됩니다.
캔버스	편집 영역으로 주로 작업하는 부분입니다.
우측 패널	Design, Prototyping 패널이 있어서 디자인, 프로토타입을 적용시킬 수 있습니다.
툴바	편집 도구들이 있습니다.

 

 

 

 

 

 

 

📱 Figma를 이용한 디자인 소개

 

 

이 사진은 졸업작품으로 안드로이드 앱을 만들고 있는데 디자인 한 프로토타입 입니다!

미완이지만 피그마를 통해 다양한 디자인을 만들 수 있다는 것을 보여드리기 위해 부끄럽지만 가져와봤습니다...ㅎㅎ

 

 

 

 

 

마무리

제가 공부하는 것에 대해서 이렇게 누구든 알아볼 수 있는 글로 정리해 본 적이 없었는데 생각보다 어려운 것 같네요...

항상 툴을 익히는데에 급급했는데 이번 기회를 통해 이론을 찾아보게 되면서 조금 더 피그마에 대한 이해도가 높아지는 것 같습니다!

부족한게 굉장히 많지만 팀 블로그를 쓰면서 이 글을 읽는 분들과 같이 성장해나갔으면 좋겠습니다.🪄