호이진의 일

안녕하세요. 호이진입니다.피그마 기본 강의를 들은 후 배운 내용을 쭉 정리해보았는데요, 후반부에는 배운 내용을 가지고 계속 연습을 했던 것 같습니다.간단하게 정리해보겠습니다! [1교시] 피그마 활용 기초[2교시] 피그마 플러그인 &  오토레이아웃 [3~4교시] 컴포넌트 & 베리언트 & 구글 스프레드시트 피그마 연동[5교시] 프로토타입 만들기[6교시] 쇼핑몰 만들기     오토레이아웃을 이용해서 쇼핑몰 디자인을 해보았어요. [7교시] 컴포넌트 & 베리언트 연습     오토레이아웃을 이용해서 디자인을 해보고,    컴포넌트와 베리언트로 요소들을 교체시킬 수 있도록 만드는 연습을 했어요. 1. 쇼핑몰 만들기 배웠던 내용들을 합쳐가면서 쇼핑몰 홈 화면을 만들어 보았습니다.     일단 상단 배너 영역은 이렇게 ..

안녕하세요. 호이진입니다.8월 초에 들었던 피그마 기초 강의를 블로그를 통해 다시 한 번 복습하고 있는데요,오늘도 이어서 해보겠습니다. [1교시] 피그마 활용 기초[2교시] 피그마 플러그인 &  오토레이아웃 [3~4교시] 컴포넌트 & 베리언트 & 구글 스프레드시트 피그마 연동[5교시] 프로토타입 만들기프로토타입 만들기         1-1. On click        1-2. On drag        1-3. While hovering / Pressing        1-4. Key / Gamepad        1-5. Mouse Enter & Leave        1-6. Mouse Down & Up, After Delay        1-7. 툴팁 [6교시] 쇼핑몰 만들기[7교시] 컴포넌트 &..

안녕하세요. 호이진입니다.피그마를 열심히 정리해보고 있는데요, 오늘도 이어서 복습을 해보겠습니다. [1교시] 피그마 활용 기초[2교시] 피그마 플러그인 &  오토레이아웃 [3~4교시] 컴포넌트 & 베리언트 & 구글 스프레드시트 피그마 연동컴포넌트, 배리언트 활용법쇼핑몰 카드 만들기 및 구글 스프레드 시트와 연동하는 법[5교시] 프로토타입 만들기[6교시] 쇼핑몰 만들기[7교시] 컴포넌트 & 베리언트 연습  [3~4교시] 컴포넌트 & 베리언트 & 구글 스프레드시트 피그마 연동  8월 둘째주 토요일에 하루종일 피그마 세상에 빠졌었던 기억이 납니다!    Styler 플러그인으로 텍스트와 색감을 저장하기 토요일에는 플러그인을 이용해서 텍스트, 색감을 저장하는 시간을 가졌었어요!부지런히 그림자 스타일도 저장해 두..

안녕하세요. 호이진입니다. 8월로의 과거 여행을 이어서 해보겠습니다. 피그마 기능을 처음 다뤄보았기 때문에 하나하나씩 정리했던 것 같아요.처음에는 단순한 것들도 많이 헷갈리더라고요.. (쉽지 않았어요) 저는 익숙해지는데 좀 오래걸리긴 했는데 저보다 빠르게 습득하시는 분들이 훨씬 많을 것 같습니다. 누군가에게 조금이나마 도움이 되었으면 좋겠어요! (- 는 제가 나중에 와서 다시 볼 것 같긴 한데) [1교시] 피그마 활용 기초[2교시] 피그마 플러그인 &  오토레이아웃           1. 피그마 플러그인         2. 피그마 오토레이아웃 [3~4교시] 컴포넌트 & 베리언트 & 구글 스프레드시트 피그마 연동[5교시] 프로토타입 만들기[6교시] 쇼핑몰 만들기[7교시] 컴포넌트 & 베리언트 연습피그마 플..

안녕하세요. 호이진입니다. 블로그를 작성하다 보면 과거와 현재를 왔다갔다한다는 느낌이 듭니다. 얼른 과거를 현재로 데려와야겠어요!! 오늘은 8월 둘째주로 돌아가서 피그마 세상으로 빠져보겠습니다. 피그마 강의는 각 강의별로 3시간씩, 7번 (총 21시간)에 걸쳐 들었습니다.새롭게 배운 기능들이 많아서 어려웠지만 재미있었어요!피그마 디자인 툴은 배워두면 무엇을 하든지 활용할 수 있다는 생각을 해서 열심히 배웠던 것 같습니다. 정리할 것들이 정말 많아서 나눠서 올려야 될 것 같아요! 우선, 목차는 다음과 같습니다. [1교시] 피그마 활용 기초피그마 설치 및 폰트 다운       1-1 기본 활용법/단축키 및 상세 기능 활용법       1-2 아이콘 만들기 [2교시] 피그마 오토레이아웃 & 플러그인피그마 오토..