figma 깨부쉬기🔨 - 아이콘

비전공자인 나는 figma라는 디자인툴을 깨부셔볼라고 한다.

피그마는 협업을 위한 디자인 및 프로토타이핑 툴로, 웹 기반의 그래픽 편집 도구!!!
고로 웹 사이트를 만들 때 도움이 될 것 같아서! 배워보려고 한다!!

먼저. 피그마 사이트에 가서 앱을 다운로드했다.

• Products 네비바 아래에 Downloads를 클릭☑️
  

---

• 그 후 본인의 PC에 맞는 버전을 다운로드를 하면 끝☑️
  

---

• 웹사이트에서 사용해도 되나 편의를 위해 다운 받았고, 아주 간편하게 구글로 회원가입까지 처리했다.
• 그러면 app이 생성되고 실행하게 되면 요런 화면이 뜬다.
  

🔨피그마 툴 종류

1. Move 무브 : 가장 기본적인 상태, 요소를 선택하거나 옮길 때 사용
   • shift 누르고 도형의 비율을 유지한 채로 크기 조절(아주 좋다!)
   • option 또는 alt키를 누르면 사이즈 조절하는 축을 중앙으로 설정함
   • 💡이때, shift와 option(alt)을 같이 누르면 두개의 설정을 유지한 채 도형의 값 변경
   • 스페이스 바 누른채 도형의 위치 바꾸면서 크기 조절
2. Scale 스케일 : 선의 굵기, 비율을 일정하게 유지한 채 크기를 키울 때 사용
3. Frame 프레임 : 아트보드/프레임 안에 그려진 요소들은 프레임에 포함된다.
4. Section 섹션 : 영역을 만들어 요소들을 구분 짓기
5. Slice 슬라이스 : 특정 영역을 지정하여 이미지로 추출함(캡쳐마냥)
6. Shape 쉐입 : 도형마다 설정하는 값이 다르게 지정
7. ✋Hand 핸드 : 화면을 드래그하여 이동
8. 💡Comment 코멘트 : 드래그해서 코멘트를 남길 수 있고 그냥 클릭해서 남길 수 있음
9. ⚃ Edit Object 오브젝트 편집 : 요소들의 모양을 디테일하게 변경할 수 있는 기능
   - 요소 더블클릭 or 중앙에 ⚃이런 비슷한 모양 클릭 or 요소가 선택된 후 엔터
10. ❖ Mask 마스크 : 액자 속에 그림 넣기
11. Boolean Group 불린 그룹 : 두개 이상의 요소를 합치거나 제거하는 기능
    - Uion - Substract - Intersect - Exclude

---

아이폰 아이콘을 만들면서 오! 이런 신박한 기능이 있는 툴이라는 것을 알게 되었고, 툴을 만져 볼수록 재미 있었다.

• Iphone icon을 만들어 보았다.