피그마 강좌6 피그마 기초 part 2 - Auto Layout 기능 #버튼 Auto Layout 버튼 만들기 2021/04/24에 업데이트된 figma 강좌 영상입니다. 목차00:00 Intro00:48 피그마에서 Page 단위로 에셋 관리하는 사례01:44 피그마 파일에 Page 추가하고 순서 변경하기02:39 Auto Layout 단축키: Shift + A02:50 단축키 option(alt)를 활용하여 객체간의 여백 사이즈 확인하기03:03 Auto Layout기능 > 버튼 여백 조정하는 방법04:10 Layer 패널 > Layer의 이름 변경하는 단축키 : command(ctrl) + R04:19 Auto Layout기능 > 텍스트를 오른쪽 방향으로 복제하는 방법05:04 Auto Layout 기능 > 정렬을 수평 방향에서 수직으로 변경하는 방법05:33 Auto Lay.. 2021. 4. 24. 피그마 기초 - 컴포넌트의 개념 9월 업데이트 - Figma 컴포넌트 관련 업데이트2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 1) Instance에 대한 "Go to Main Component " Go to Main Component에 대한 텍스트 링크 대신, 아이콘으로 대체되었습니다. 여기서 I..designer-story.tistory.com피그마 기초 3 - 컴포넌트 & Variant 기능 #버튼컴포넌트 https://youtu.be/lMOJ1ijO9hs 아래 내용은 업데이트 예정인 피그마 기초 강좌 Part 4 - 디자인 시스템 구축을 위한 컴포넌트의 이해를 돕기 위한 글입니다. {연정's Figma YouTube 채널}1) 플랫폼에서의 컴포넌트 {Components}컴포넌트 - .. 2020. 8. 25. 공유된 피그마 파일을 복제하는 방법 * 제 강좌에서 공유된 figma 파일(URL)을 자신의 계정으로 복제하는 방법은 아래 이미지를 참고해주세요. https://www.figma.com/file/sEzcbf6sRjWZT6HmA5ENRI/Text-Styling_Before?node-id=0%3A1 여기를 클릭하신후 파일을 복제하시면 됩니다. (화면 중앙 타이틀 영역 클릭 > Duplicate 클릭) 관련 figma 강좌 영상 2020. 8. 24. figma에 의한 디자인 시스템 구축 사례 및 개념 정의 YouTube 연정's figma에 연재 중인 Figma 강좌의 다음 주제가 디자인 시스템 구축을 위한 스타일링과 컴포넌트 구축이기 때문에 figma에 의한 디자인 시스템 구축 사례와 디자인 시스템과 관련된 개념을 정리해 보았습니다. 디자인 시스템이라는 단어 정의가 어디서부터 누구로부터 시작되었는지는 모르나, 스마트폰이 세상 밖으로 나온 뒤의 구글(Google) 머터리얼 디자인 가이드가 디자인 시스템의 첫 인상이었고, 그 머터리얼 가이드는 2019년부터 저에겐 Web, Mobile에 대한 UI/UX 표준 가이드가 되었습니다. figma에 의한 디자인 시스템 구축 사례 1) Design Systems for Figma 피그마로 제작된 디자인 시스템을 모아놓은 웹 서비스 44개 이상의 디자인 시스템이 등록됨.. 2020. 8. 23. 이전 1 2 다음
