연정's Figma11 #2 피그마로 아이콘 제작 Tip (feat. Shape Booleans 기능) figma를 처음 접하는 분들을 위한 기초 강좌 영상입니다. Shape 툴과 Pen 툴을 사용하여 머터리얼 아이콘을 제작해봅니다. [피그마 기초 Part2 - 영상 목차] 00:00 Intro 00:09 1/6 Material Design - System Icon 개요 01:16 2/6 Layout Grid & Keyline 제작 [🔗연관 figma file] 06:18 3/6 도형 툴 {Shapes, Booleans} 08:54 4/6 아이콘 Export & Import {SVG} 10:33 5/6 펜 툴 {Pen, Outline Stroke} 12:14 6/6 기타 유용한 사용 Tip {좌우 상하 반전} 아이콘 제작 시 유의사항 1 - Constraints frame 안쪽 객체의 "Constraint.. 2020. 8. 23. Figma Kits 샘플 모음 #ux #figma #wireframe Figma 커뮤니티에서 리소스 얻는 방법 {아래 글 참고} figma에 의한 디자인 시스템 구축 사례 및 개념 정의 YouTube 연정's figma에 연재 중인 Figma 강좌의 다음 주제가 디자인 시스템 구축을 위한 스타일링과 컴포넌트 구축이기 때문에 figma에 의한 디자인 시스템 구축 사례와 디자인 시스템과 관련된 개념�� designer-story.tistory.com [figma 공식 커뮤니티] 특정 파일을 내 계정의 문서로 복제하는 방법 figma 공식 커뮤니티에서 공유된 특정 파일을 내 계정의 문서로 복제하는 방법을 소개합니다. 1) 아래의 링크에 접속후 카테고리 중 Design System을 클릭해봅니다. https://www.figma.com/community/ Figma Exp.. d.. 2020. 8. 20. UI/UX 편집 도구 Figma의 강점 (feat. Sketch 보다 좋은 이유) Figma Figma는 클라우드 기반 UI 편집 도구이자 협업 도구입니다. 디자이너뿐만 아니라 비 디자이너 직군에서도 협업 도구로서 다양한 용도로 사용 가능합니다. Figma의 용도 UI/UX 디자인 Wireframe, 화면 기획 시안 관련 실시간 공유 및 피드백 시안 버전 관리 프로토타입핑 아이디어 공유 프레젠테이션 아이콘 디자인 Zeplin처럼 Code Veiw역할 블로그 썸네일 이미지, 배너 제작 디자인 툴을 스케치에서 Figma로 변경한 이유 * 당시 만들었던 Youtube 영상 참고 : https://youtu.be/urx7KsMV7ao 비용 절약 - Sketch(UI 에셋 관리 및 편집), Abastract(버전 관리), Zeplin(Code View, 시안 딜리버리), Indesign(프로토.. 2020. 8. 20. 이전 1 2 3 다음
