* 강좌 요약
0:00 Intro
2:11 1/5 텍스트 편집의 체계화를 위한 Text Styling 기능
3:36 2/5 Text Style Guide 제작 노하우, px 단위를 rem으로 변환 하는 방법
5:53 3/5 Auto Layout & Text option 셋팅에 의한 반응형 텍스트
8:41 4/5 Text Detail Option Tip
10:40 5/5 Text Scale & Text를 Shape로 변환 하는 방법
[영상에서 언급된 샘플 파일 figma url] www.figma.com/file/sEzcbf6sRj...
Google의 디자인 시스템인, Material Design 가이드 기준으로 제작한 실무 중심의 figma 튜토리얼 강좌 입니다.
* Text Styling, 이 기능을 알아야 하는 이유
UI 스타일 일관성 유지, 유지보수의 용이성, 업무 시간 절약, 동료와의 협업
* 관련 링크
1. Google font: fonts.google.com/
- figma는 구글 폰트를 기본으로 제공합니다.
2. Material Design Guide For Type: material.io/design/typography...
3. Auto Layout 기능: • 작업시간을 줄여주는 Auto Layout...
*연관 영상
1. Color Styling Team Library: • 디자인 시스템을 위한 피그마의 팀라이브러...
2. Components 기능: • 효율적인 UI 디자인을 위한 컴포넌트 기...
3. Figma 빠르게 훓어보기: • 피그마 빠르게 훑어보기 (feat. 피그...
Негізгі бет Тәжірибелік нұсқаулар және стиль 디자인 시스템을 위한 피그마의 스타일 정의 l 피그마 Text 스타일링
Пікірлер: 73