분류 전체보기38 피그마 플러그인 설치 방법 (feat. Unsplash) #Unsplash - 고해상도 이미지 Import 플러그인 Figma에서 강좌를 만들 때 가장 많이 사용하는 Plugin은 Unsplash입니다. 더미 이미지로 사용하기에 괜찮기 때문인데요. 우선 피그마 플러그인 설치 방법을 알려드릴게요. 영상의 플레이 버튼을 클릭하시면 영상으로 알려드립니다. Unsplash 플러그인 빠른 설치 Tip 빠른 설치 Tip 이 링크로 접속하여 우측 상단의 Install 버튼 클릭 (위 화면 참고) 플러그인을 검색하여 설치하는 방법 피그마에 로그인 후 왼측 사이드 메뉴 중 Plugins(또는 Community) 클릭 페이지의 하단에 있는 Browse Plugins 선택 목록에서 바로 설치하거나 검색으로 찾아서 설치 * 주의 : Unsplash를 상업적으로 이용 시 저작권 확인.. 2020. 8. 28. 8월 figma Releases 월 단위로 추가 사항 아래에 순차적으로 업데이트 합니다. 1) 컴포넌트 명칭 변화 Master Component -> Main Component 2) 8/7 프로토타입핑 관련하여 몇 가지 기능 추가 Prototype 패널 : 트렌지션과 관련된 셋팅이 좀더 디테일하게 수정 할 수 있게 변하였고, 관련 옵션들이 추가 되었습니다. {참고 링크} Frame과 Frame간의 하나 이상의 Interaction이 가능 (ex 클릭 시 페이지 이동, 드래그 시 다른 페이지로 이동) Animation 옵션 > Ease in Curve 커스텀 가능 3) Figma Design 패널 > Effect > Drop Shadow에 Spread 옵션 추가 {자세히} 4) Figma Admin 업데이트 출처: https://yout.. 2020. 8. 26. #프로토타입핑 #프레젠테이션 #피그마 기초 figma 프로토타입핑 어디까지 될까 https://youtu.be/oY4EoQCOzeo 1. 프레젠테이션 제작 #기초 저는 UX 프로토타입핑 뿐만 아니라 발표 리소스 자료 준비 및 PT 시 Figma로 프레젠테이션을 합니다. Youtube 모바일 App을 기준으로 UX/UI Case Study #피그마기초 #프로토타입핑 [Part 1 강좌 요약] 0:00 - Intro 0:25 - 1/6 프레젠테이션 모드 설정방법 {오타 정정: 프리젠테이션 -> 프레젠테이션} 1:44 - 2/6 Interaction & Animation 옵션 설정 2:05 - 3/6 실전 연습 1 - Page Transition 효과 6:17 - 4/6 실전 연습 2 - 뒤로가기 버튼 설정 7:32 - 5/6 Figma 프레젠테이션 .. 2020. 8. 26. #3 디자인 시스템 구축을 위한 피그마 기능 (feat. Create Style, 버전 관리) Figma를 효율적으로 사용하기 위한 관문이 되는 영상 Figma에 의한 디자인 시스템을 구축하는데 기초가 되는 피그마 기초 강좌 영상입니다. 협업을 하는데 중요한 기능 Version History, 효율적인 컬러 시스템 구축 방법, 그 외 figma로 할 수 있는 스타일링에 대한 가이드 영상입니다. Figma는 전문가에 최적화된 도구인 만큼, 비 디자인 직군에게도 유용한 편집 도구입니다. 다소 전문적 용어가 남발 되어도 끝까지 시청 부탁드려요. 디자인 시스템이라는 거창한 단어보다 좀더 쉬운 용어가 있다면 좋겠지만 없더군요. 하지만 이번 영상을 이해하시면, figma에 진정으로 입문하게 되시는 터닝 포인트가 될거라고 자신합니다. 여러분의 수정 시간을 절약하는 Tip이 되는 영상입니다. 자, 시작해 볼까요.. 2020. 8. 26. 이전 1 ··· 3 4 5 6 7 8 9 10 다음
