[피그마 공부] 메타코드 강의별 스터디 후기_ 4강 (실습) 기본적인 도구 사용해보기
메타코드M
빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다.
mcode.co.kr
▶ 1. Ready dor dev 아이콘
Ready for dev 아이콘의 의미는
개발로 넘겨도 무리가 없을 정도로
디자인이 완료됐다를
표시하는 것!
▶ 2. 레이어 이름 옆 네모 아이콘
레이어 이름 옆에 있는 아이콘은
어떤 도구를 활용해서 이 레이어를
만들었고, 어떤 기능을 가지고 있는지
알려주는 아이콘입니다.
▶ 3. Copy/Paste as
레이어 자체를 css, ios, 안드로이드
코드로 보낼 수 있음
페이지 전체를 링크 공유 할 수 있고
특정 레이어만 링크 공유할 수도 있습니다.
▶ 4. Move to page
레이어를 다른 페이지로
보낼 수 있는 기능.
밑에 bring to front는
레이어를 맨 위로 정렬시키고
Send to back은 레이어를
맨 아래로 정렬시킴.
▶ 5. Assets
여러가지 UI 요소들을
만들어뒀다가 나중에 또
쓸 수 있게 미리 모아두는 패널.
라이브러리 파일이 있어야
보여지게 됩니다.
화면 안에 그냥 드래그하면 불러와집니다.
▶ 6. Line height / Letter spacing
오른 쪽에 패널에 있는
Line height
줄 사이의 간격을
조절해주는 기능
옆에 있는 Letter spacing은
자간 조절 기능입니다.
그럼 5강에서 만나요
꾸벅
메타코드M
빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다.
mcode.co.kr
#피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠 #메타코드