[Figma 배워보기] 1. 도형과 기본기능

요즘 배움에 대한 텐션이 다시 올라가서 이것저것 쑤셔보고 있습니다.

전부터 공부해야지. 공부해야지 했는데 회사에서 스터디를 시작한것!

참석하려했지만 소수정예라 추첨에서 탈락했습니다.

다음 기수를 기다리다가 당장해보고싶어 무료강의로 유튜브에서 연정's Figma라는 강의를 발견했습니다. 

아직 만들고 싶은 형상이 구체화되지 않았기 때문에, 기초 기능들을 조금씩 배워보려고 합니다.

 

TIStory 블로그도 운영중이신듯 합니다.

designer-story.tistory.com/category/YouTube%20%EC%97%B0%EC%A0%95%27s%20Figma

'YouTube 연정's Figma' 카테고리의 글 목록

 

1강

www.youtube.com/watch?v=GsZk8s5JdWg

실습 결과물

1. 프레임만들기&Constraints 프레임 속성 변경 Shift + 2 : 프레임 화면 가운데 정렬 Command + R : 프레임 이름변경 2. 사각형만들기      프레임 셀렉션으로 동일한 사이즈 프레임 만듬 3. 이미지 import  Shift + command + K : 이미지 선택 (다수 선택도 가능) 4. 플러그인 활용 가능 (unsplash) 5. 이미지 오버레이     - Fill > linear            > solid     - Stroke : 라인     - layer > pass through : 투명도조절 6. 텍스트편집 shift+option (alt) : 드래그해 복사 7. 오토 레이아웃 (Auto Layout) 오토 레이아웃에 + 버튼 클릭 또는 Shift+ A 로 프레임 만듬   option  8. Drop Shadow Effects effects 설정영역에서 +로 추가  * 효과가 이미지 사이즈때문에 잘리는 것은 Frmame >clip contents를 비활성화하면 됨  9. Export 기능 (png, jpg, pdf, fig)     command(ctrl) + G : 객체 그룹화

폰트 글자굵기   라인 높이/ 라인 넓이 행간?(모름) / auto width / auto hight / fixed size