본문 바로가기
프로덕트 디자인/미션

7강 드디어 피그마 기본개념

by 라무네사이다 2025. 8. 8.

오늘은 7강 드디어 내가 배우고픈 피그마에 대해 알아보자

피그마는 일단 클라우드 기반 디자인 툴이기에 드디어 내가 배우고픈 피그마에 대해 알아보자

피그마는 일단 클라우드 기반 디자인 툴이기에 인터넷만 연결된다면 언제 어디서든 사용할 수 있다.

현업의 많은 제작자들이 이용하는 툴이라 UI/UX, 인터랙티브, 아이콘 제작 등에 필수가 아닐까 싶다

피그마의 구성은 사진을 보면서 이해하자

먼저 처음이용한다면 회원가입을 한 뒤에 사이트에 접속하면 위와 같은 화면이 나온다 위의 Design이라는 항목을 클릭하면

이런 화면이 나온다.

밑에 보면 도구들이 있는데 각각 격자, 사각형도구, 펜툴, 텍스트, 말풍선, 그 외 도형요소들이 있다.

각각의 요소가 있는데

위에서부터 아래로 Position은 요소의 위치를 조정하는 항목 Layout은 전체 캔버스의 크기와 관련된 항목
Appearance는 요소의 투명도나 요소의 모퉁이를 부드럽게 만들거나 각지게 만드는 조정항목
Fill은 색상 값을 적용하는 항목 Stroke는 선을 적용해서 위치, 색상, 두께등을 조정할 수 있다.

Effects는 그림자나 위치조정, 블러라고 불리는 흐리기, 스프레드는 그 요소 주변을 조정시키는 항목인 것 같다

요정도의 항목들이 있고, 기본적인 개념만 이해하고 넘어가자 오늘은 이 정도로 작업을 해보았다

드롭새도우와 원을 그리고 색상을 넣어 채워보았다.

그럼 끄읕~~!

반응형