본문 바로가기

연정's Figma11

피그마 기초 - 컴포넌트의 개념 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 community 특정 파일을 내 계정의 문서로 복제하는 방법 figma 공식 커뮤니티에서 공유된 특정 파일을 벤치 마킹 또는 테스트를 위해 내 계정의 문서로 복제하는 방법을 소개합니다. 1) 아래의 링크에 접속후 카테고리 중 Design System을 클릭해봅니다. https://www.figma.com/community/ Figma Explore, install, use, and remix thousands of plugins and files published to the Figma Community by designers and developers. www.figma.com 2) 카테고리 > Design System에서 파일 하나를 클릭합니다. 3) 카테고리 > Design System > 상세페이지에서 Duplicate 버튼을 클릭하여 파일을 내 계정으로 .. 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.