[목차] 구독자 1만 명 기념 피그마 기초 영상 업데이트 00:00 Intro 00:28 로그아웃 없이 피그마 A 계정을 피그마 B 계정으로 전환하는 방법 01:09 Design 파일과 FigJam 파일의 차이점 01:37 피그마 Design 파일 생성하는 방법 01:54 피그마 파일 이름 변경 02:02 피그마 파일의 위치를 변경하는 두 가지 방법 02:28 피그마 파일 삭제 02:32 실수로 삭제한 파일을 복구하는 두 가지 방법 03:12 피그마 무료 플랜 VS 유료 플랜 04:00 즐겨 찾는 프로젝트를 팀의 사이드 메뉴에 표시하는 방법 04:34 무료에서 유로버전으로 피그마 플랜을 변경하는 시점 05:21 무료 플랜 사용 시 유의사항 06:12 피그마 모바일 시안 작업 시 기준 해상도 정하는 방법, 프레임 추가하는 방법 06:46 Show Prototype settings 프로토타입핑 프레젠테이션 모드에서 목업 표시 방법 07:38 피그마 커뮤니티에서 ios UI KIT 복제하는 방법 08:06 피그마 ios UI KIT에서 Status 컴포넌트 찾는 방법 09:06 피그마 ios UI KIT의 일부 컴포넌트를 내파일로 가져와서 로컬 컴포넌트로 생성하는 방법 09:14 피그마 파일의 Page 추가하는 방법 09:53 피그마 캔버스에서 객체들의 정렬 수정 방법 10:48 피그마 로컬 컴포넌트 Asset 패널에서 불러오기 10:56 모바일 Frame에 StatusBar 컴포넌트 배치하는 방법 11:17 모바일 Frame 에 TabBar 컴포넌트 배치하는 방법 11:54 모바일 프레젠테이션 뷰에서 스크롤이 발생하기 위한 조건 12:18 Frame의 Constraints 기능 활용법 13:21 Frame의 Clip contents 옵션 13:59 프로토타입핑 프레젠테이션 뷰에서 스크롤 발생시 특정 컴포넌트를 특정 위치에 고정하는 방법 14:44 연정's figma로 피그마를 독학하는 방법 안내 * 2022-03-11 업데이트된 Part2 : ua-cam.com/video/dU-OCJWrz54/v-deo.html * ios 15 UI KIT 페이지 링크: www.figma.com/community/file/984106517828363349/iOS-15-UI-Kit-for-Figma *연관 링크 1) 파일 공유 및 기초 가이드: ua-cam.com/video/-cGX96AE1tY/v-deo.html 2) figma 스타일 정의 I 버튼 생성하기 Part 1 : ua-cam.com/video/q9ZqtYxXJ9E/v-deo.html 3) figma 오토 레이아웃 기능 I 버튼 생성하기 Part 2: ua-cam.com/video/sAvdvB0vXQg/v-deo.html 4) figma 팀라이브러리 기능: ua-cam.com/video/lMOJ1ijO9hs/v-deo.html 5) 기본 단축키 확인 법 : ua-cam.com/video/urx7KsMV7ao/v-deo.html #figma #무료툴 * 회원 가입 및 figma 데스크톱 앱설치 : designer-story.tistory.com/34... * 피그마 시작 가이드 #인터페이스: designer-story.tistory.com/40
간단하게 피그마 핵심기능을 훑어주셨네요! ㅎㅎ 정리해 주시고 올려주셔서 감사합니다!🥰 영상 끝에서 말씀 주신대로 부족한 부분을 채우기 위해 올려주신 영상 순차적으로 보는 중입니다! 이번 영상을 통해 라이브러리 기능은 유료기능에서만 사용가능한 건지 처음 알았어요.. 그래서 최근에 올리신 문의에 달았던 부분이 안되었나봅니다..😓
오늘 처음 figma를 접했습니다. 강의 너무 좋아요~!!! 질문이 하나 있습니다 ios 15 ui kit를 불러온 후 assets 에서 status 검색 후 아래 항목들을 눌렀는데, 작업 창에서 컴퍼넌트가 선택이 안 됩니다. layers 에서 선택하면 되구요. 이유가 있을까요? 그리고 저는 fix position when scolling 메뉴가 constraints에 없는데 무료 플랜을 사용하고 있어서일까요?
강의 잘듣고 있습니다~ 궁금한게 무료플랜으로 공개했을경우 모두에게 오픈 후에 다시 인바이트피플로 공개 범위를 수정한다고 해도 유알엘을 이미 안 사람에게는 계속 공개가 유지된다는뜻인가여? 초대한 사람만 보게 한경우 초대한 사람을 제거하면 초대받았던 사람도 보이지 않는거 아닌지요????
@@yeonjung-figma 최근에 UX/UI 디자인 관련해서 공부 시작하면서 XD에서 피그마로 넘어 왔는데. UX/UI 디자이너가 되기 위해 어떤식으로 준비해야 할지 알려주실 수 있을까요? 막연하게 컨셉을 잡고 타겟 설정해서 적어 나간 뒤 디자인 하는 형태로 하려니 막막하고 손이 잘 안가네요 ㅠㅠ
최근 정보를 찾으시려면 검색을 하셔야 할듯해요. 점유율도 중요하지만 당사 서비스 이용자의 모바일 디바이스 사용률이 더 중요하므로 회사에 문의하시어 구글애널리틱스 통계도 참고하시면 실질적으로 도움이 되실거 같아요~😀 안드로이드 디바이스 해상도 보다는 아이폰 해상도를 기준으로, 아이폰 중엔 가로 375가 현 시점에서는 크지도 너무 작지도 않기에 모든 모바일 해상도를 대표하기에 무난하다 생각됩니다. Tip. 피그마의 오토레이아웃 기능을 활용하면 반응형에 대응하기 수월해요.
저의 주관적인 생각은, 요즘 모든 툴들이 그렇듯 기능 업데이트 주기가 짧기 때문에 책보단 figma.com & 유튜브 영상으로 배우는 것이 최신 기능들을 익히기에 좋다고 생각하고요~ 프로토타입핑 인터렉션과 관련된 영상은 해외 사례를 참고하는 편이고, 피그마 공식 업데이트 영상도 대부분 보는 편이에요.
안녕하세요 연정님.. ! 피그마 이미지 export시 aos의 경우 별도Android resource export라는 플러그인을 사용해서 export하고 있는데요. 해당 플러그인이 뻗는 경우가 많아서 이미지 추출시 개발자분들이 불편함을 토로하십니다. 혹시 aos export시 다른 플러그인이나 방도가 있을까요 ? ㅠㅠ 커뮤니티 찾아봐도 방법이 없네요 ㅠㅠ
14:19 Fixed position when scrolling은 Prototype 탭의 Scroll behavior 패널에서 Position-> Fixed로 UI업데이트됨.
[목차] 구독자 1만 명 기념 피그마 기초 영상 업데이트
00:00 Intro
00:28 로그아웃 없이 피그마 A 계정을 피그마 B 계정으로 전환하는 방법
01:09 Design 파일과 FigJam 파일의 차이점
01:37 피그마 Design 파일 생성하는 방법
01:54 피그마 파일 이름 변경
02:02 피그마 파일의 위치를 변경하는 두 가지 방법
02:28 피그마 파일 삭제
02:32 실수로 삭제한 파일을 복구하는 두 가지 방법
03:12 피그마 무료 플랜 VS 유료 플랜
04:00 즐겨 찾는 프로젝트를 팀의 사이드 메뉴에 표시하는 방법
04:34 무료에서 유로버전으로 피그마 플랜을 변경하는 시점
05:21 무료 플랜 사용 시 유의사항
06:12 피그마 모바일 시안 작업 시 기준 해상도 정하는 방법, 프레임 추가하는 방법
06:46 Show Prototype settings 프로토타입핑 프레젠테이션 모드에서 목업 표시 방법
07:38 피그마 커뮤니티에서 ios UI KIT 복제하는 방법
08:06 피그마 ios UI KIT에서 Status 컴포넌트 찾는 방법
09:06 피그마 ios UI KIT의 일부 컴포넌트를 내파일로 가져와서 로컬 컴포넌트로 생성하는 방법
09:14 피그마 파일의 Page 추가하는 방법
09:53 피그마 캔버스에서 객체들의 정렬 수정 방법
10:48 피그마 로컬 컴포넌트 Asset 패널에서 불러오기
10:56 모바일 Frame에 StatusBar 컴포넌트 배치하는 방법
11:17 모바일 Frame 에 TabBar 컴포넌트 배치하는 방법
11:54 모바일 프레젠테이션 뷰에서 스크롤이 발생하기 위한 조건
12:18 Frame의 Constraints 기능 활용법
13:21 Frame의 Clip contents 옵션
13:59 프로토타입핑 프레젠테이션 뷰에서 스크롤 발생시 특정 컴포넌트를 특정 위치에 고정하는 방법
14:44 연정's figma로 피그마를 독학하는 방법 안내
* 2022-03-11 업데이트된 Part2 : ua-cam.com/video/dU-OCJWrz54/v-deo.html
* ios 15 UI KIT 페이지 링크: www.figma.com/community/file/984106517828363349/iOS-15-UI-Kit-for-Figma
*연관 링크
1) 파일 공유 및 기초 가이드: ua-cam.com/video/-cGX96AE1tY/v-deo.html
2) figma 스타일 정의 I 버튼 생성하기 Part 1 : ua-cam.com/video/q9ZqtYxXJ9E/v-deo.html
3) figma 오토 레이아웃 기능 I 버튼 생성하기 Part 2: ua-cam.com/video/sAvdvB0vXQg/v-deo.html
4) figma 팀라이브러리 기능: ua-cam.com/video/lMOJ1ijO9hs/v-deo.html
5) 기본 단축키 확인 법 : ua-cam.com/video/urx7KsMV7ao/v-deo.html
#figma #무료툴
* 회원 가입 및 figma 데스크톱 앱설치 : designer-story.tistory.com/34...
* 피그마 시작 가이드 #인터페이스: designer-story.tistory.com/40
개발자인데 개인 프로젝트를 위해 먼저 디자인 작업이 필요해서 피그마가 적합한 디자인 툴 인듯 하여 배우기 시작하고 있습니다.
첫 영상으로 보았는데 강좌가 깔끔하고 이해하기 좋아서 다른 강좌들도 기대가 되네요~ 좋은 강좌 제공해주셔서 감사합니다!
진짜 피그마 독학하는데 최고의 채널입니다ㅠㅠㅠㅠㅠ감사해요 ♥︎
차분한 음성으로 편안하게 시청하고 있습니다. 좋은 영상 감사드려요.
이 영상 덕분에 page, constraints 기능을 잘 활용할 수 있을 것 같아요! 감사합니다.🔥
구독을 누를 수 밖에 없네요~~ 피그마에 입문하려 하는데 이렇게 친절하고 깔끔한 설명 감사한 마음으로 열심히 공부해 보겠습니다! 감사합니다~~
꾸준하게 달려보겠습니다 ㅎㅎ 감사합니다!
외국 사이트에서 figma 기초 정보찾다 만족 스럽지 않았는데..이렇게 알고리즘 추천 덕분에 제게 꼭 필요한 영상을 찾게 됐습니다! 차분하게 설명해 주셔서 귀에 쏙쏙 잘 들어와요. 열심히 공부할게요^^
돌고 돌다 제일 피그마를 잘 알려주시는 것 같아서 구독하게되었어요ㅜㅜㅜㅜ감사합니다
좋은 영상 감사합니다 선생님🥹
🥰 감사합니다!
간단하게 피그마 핵심기능을 훑어주셨네요! ㅎㅎ 정리해 주시고 올려주셔서 감사합니다!🥰
영상 끝에서 말씀 주신대로 부족한 부분을 채우기 위해 올려주신 영상 순차적으로 보는 중입니다!
이번 영상을 통해 라이브러리 기능은 유료기능에서만 사용가능한 건지 처음 알았어요.. 그래서 최근에 올리신 문의에 달았던 부분이 안되었나봅니다..😓
연정님 너무 감사합니다!!!!
진짜 웬만한 클래스 저리가라네요!! 웹디자인 입문하려하는데 요즘 피그마피그마해서 들어보려합니다 그런데 이렇게 차근차근 ㅜㅜ 영상과 지금버전이 조금 다른게 없진않지만 그래도 많이 도움될꺼같아요!! 정말 감사해요!
저도 피그마 정보 공유할때 항상 이 채널링크를 공유해요! 좋은 정보 잘 정리해서 알려주셔서 감사합니다 1만 축하드리고 앞으로도 잘부탁드려요 :)
디자인 시스템과 관련된 영상 올리신거 보고 작년에 구독했는데 최근에 신규 영상 업데이트되서 너무 반갑더라구요~ 다음 영상도 기대할게요🥰
목적에 따라 영상 시청하는 방법까지 알려주시니 너무 친절하세요!!
요즘 피그마에 대해 관심이 있어 보게 되었는데 연정님이 올려주신 내용을 보면서 도움이 많이 되고 있습니다. 감사해요^^
좋은 영상 감사합니다!ㅎㅎ 피그마 사용할 때 너무 유용하게 배울 수 있었어요
오메낭,, 실무 재생 목록으로 넘어가려고 했더니 기초가 아직 안 잡혀서인지 진도가 안 나가서 기초 다시 복습하려고 했더니 재생 목록이 사라졌네용ㅜㅠ 영상이 사라졌나 싶어서 순간 넘 놀랐다는😱😨 차근히 다시 복습하고 실무로 넘어 오겠습니다ㅎㅎ
오늘 처음 figma를 접했습니다.
강의 너무 좋아요~!!!
질문이 하나 있습니다 ios 15 ui kit를 불러온 후 assets 에서 status 검색 후 아래 항목들을 눌렀는데, 작업 창에서 컴퍼넌트가 선택이 안 됩니다. layers 에서 선택하면 되구요.
이유가 있을까요?
그리고 저는 fix position when scolling 메뉴가 constraints에 없는데 무료 플랜을 사용하고 있어서일까요?
연정님 덕분에 피그마에 대해 더 많이 배울 수 있었는데 2022년에도 이렇게 좋은 강의 만들어주셔서 정말 감사드립니다!
도움이 많이 되었습니다. 감사합니다.
피그마 독학중인데 한글 영상이 많이 없어서 어려웠는데 기초다치는데 많이 도움이 됩니다. 감사해요 :)
실무에서 포토샵, XD 위주로 사용하는데, 피그마 필요성을 느껴서 찾아왔습니다~. 설명을 잘해주시네요 ^^ 정주행 하겠습니다. 감사합니다.
알고 싶었던 내용들을 잘 정리해주시고 설명해주셔서 큰 도움이 됐습니다! 감사합니다!
피그마 이용해보려다가 어려워서 찾아봤는데 이렇게 잘 정리된 강의가 있다니..!!! 강의 속도도 적당하고 차분하게 설명해주시니까 이해하기도 편한것 같아요. 좋은 영상 정말정말 감사합니다. ㅠ-ㅠb
너무 감사드려요. 잘봤습니다 ^^
강의 잘듣고 있습니다~ 궁금한게 무료플랜으로 공개했을경우 모두에게 오픈 후에 다시 인바이트피플로 공개 범위를 수정한다고 해도 유알엘을 이미 안 사람에게는 계속 공개가 유지된다는뜻인가여? 초대한 사람만 보게 한경우 초대한 사람을 제거하면 초대받았던 사람도 보이지 않는거 아닌지요????
피그마 어도비 인수합병 기사를 접하고 피그마를 배우고 싶어서 검색하던 중 연정님의 채널을 알게되었습니다. 좋은 가이드라인 영상까지 만들어주셔서 많은 도움이 될 것 같습니다. 감사합니다!
연정님 감사합니다! 꿀팁이 농축된 이런 강의 너무 사랑합니다 :)
너무 설명을 잘 해주셔서 많이 도움 받고 있습니다. 정말 정말 감사합니다!
개발자와 협업해서 피그마를 해야하는데 웹디이면서도 아무것도 몰라 해메고 있다가 독학을 하려고 찾던중 알게된 연정님 채널 찐으로 너무 소중하네요 감사합니다.
선추천후 감상합니다 ~~~! 좋은강의 감사해요
피그마 이제 시작하려고 하는데 많이 알려주셔서 감사합니다
와아ㅏㅏ젠장!!! 2022라니!! 기다렸다구요
오래 기다리셨죠? 🤦🏻♀️ 늦어서 죄송해요~ 3일 꼬박 새벽내내 녹음해서 만든 따끈따끈한 영상입니다.
@@yeonjung-figma 최근에 UX/UI 디자인 관련해서 공부 시작하면서 XD에서 피그마로 넘어 왔는데.
UX/UI 디자이너가 되기 위해 어떤식으로 준비해야 할지 알려주실 수 있을까요? 막연하게 컨셉을 잡고 타겟 설정해서 적어 나간 뒤 디자인 하는 형태로 하려니
막막하고 손이 잘 안가네요 ㅠㅠ
감사합니다!!!
피그마 독학하려고 하는데 도움이 많이됩니다!!👍👍
좋은 영상 감사합니다
진심으로 감사합니다 ㅠㅠㅠ 🥹🥹🥹❤️❤️❤️❤️❤️❤️❤️
안녕하세요 궁금한점이 있는데요~ 2021년 모바일 해상도 점유율 1위는 375*812 인데 2022최신번전 해상도점유율은 어떻게 될까요? 그리고 그 해상도 알 수있는 사이트 궁금합니다! 좋은 강의영상 너무 감사합니다
최근 정보를 찾으시려면 검색을 하셔야 할듯해요. 점유율도 중요하지만 당사 서비스 이용자의 모바일 디바이스 사용률이 더 중요하므로 회사에 문의하시어 구글애널리틱스 통계도 참고하시면 실질적으로 도움이 되실거 같아요~😀
안드로이드 디바이스 해상도 보다는 아이폰 해상도를 기준으로, 아이폰 중엔 가로 375가 현 시점에서는 크지도 너무 작지도 않기에 모든 모바일 해상도를 대표하기에 무난하다 생각됩니다.
Tip. 피그마의 오토레이아웃 기능을 활용하면 반응형에 대응하기 수월해요.
영상 구독중인데, 해당 디자인 kit가 영상속과 달리 업그레이드 된 듯 합니다. 컴포넌트 대신 Auto layout으로 모두 변경된 듯 해요...
연정님 언제나 좋은 영상 감사합니다 !! 혹시 독학으로 피그마 실무에서 사용할 수준까지 가능할까요?? 주관적인 생각을 듣고 싶습니다 ㅎㅎ
넵 제 영상 모두 참고하시면 가능하세요 ㅎㅎ
저의 주관적인 생각은, 요즘 모든 툴들이 그렇듯 기능 업데이트 주기가 짧기 때문에 책보단 figma.com & 유튜브 영상으로 배우는 것이 최신 기능들을 익히기에 좋다고 생각하고요~ 프로토타입핑 인터렉션과 관련된 영상은 해외 사례를 참고하는 편이고, 피그마 공식 업데이트 영상도 대부분 보는 편이에요.
@@yeonjung-figma 친절한 답변 감사합니다! 정주행 해볼게요ㅎ
최고로 좋은 하루 보내세요 ㅎㅎ
연정님 후원 어떻게 하나요?ㅎㅎㅎ 너무 감사합니다!! udemy나 클래스101 같은곳 에도 강의 올리셔도 될듯해요!ㅋㅋㅋ
예에~~
혹시 계속 사용되는 말자막 폰트는 어떤것인지 알 수 있을까요? 산돌고딕네오 맞을까용
안녕하세요 연정님.. !
피그마 이미지 export시 aos의 경우 별도Android resource export라는 플러그인을 사용해서 export하고 있는데요. 해당 플러그인이 뻗는 경우가 많아서 이미지 추출시 개발자분들이 불편함을 토로하십니다.
혹시 aos export시 다른 플러그인이나 방도가 있을까요 ? ㅠㅠ 커뮤니티 찾아봐도 방법이 없네요 ㅠㅠ
영상 감사합니다!! 혹시 버튼생성하기 part1~3를 보려고하는데 현재의 인터페이스와 많이 달라졌을까요?
가장 최근 영상이라 현재의 인터페이스와 거의 동일합니다.
안녕하세요! 차근차근 따라해보고 있는데 08:25 부터 막혔네요..assets에서 status를 검색해서 눌렀는데도 영상처럼 보라색으로 포커스가 안 돼요ㅜㅜ 아무 변화도 안 일어나네요..
10분쯤에 오토 레이아웃 적용하신 것 같은데 설명 없이 넘어간 것 같아요!
8:21 초에 해당 에셋 클릭해도 활성화 안되고 shift+2 해도 해당 영역으로 가지 않아요.. ㅜㅜ
저도 이런데 혹시 해결되셨나요...?ㅜㅜ
혹시 피그잼에서 사각형 도형의 라운드 조절은 어떻게 하나요 ?
현 버전의 피그잼에서는 라운딩 조절이 불가능해요// 꼼수로 디자인 파일에서 오토 레이아웃으로 텍스트 박스 만들어서 가져오면(복붙) 재사용 가능해요~
만약 웹으로만 로그인 상태면 계정 전환은 못하는건가여?
가능해요.
연정님 ㅠㅠ 죄송한데 ios ui kit를 불러왔는데 폰트가 안읽혀서 애플 공식 홈페이지에서 다운받아보니깐 열리지 않는 파일이더라구요,,, 해결 안하고 진행하려하니 박스에 다 빨간색 칸이 생겨서 거슬리더라구요ㅜㅜ
해결 했습니다 ㅋㅋㅋㅋㅋ!!
@@H.H.A_ 저도 똑같은 증상을 겪고있는데 해결방법 좀 공유부탁드려도될까요..?!
빛과소금...
모바일 방문 데이터 볼 수 있는 사이트 주소 알려주실 수 있나요????ㅜ
재직중이시라면 자사 서비스의 구글 애널리틱스 통계를 살펴 보시면 되고요~ 만약 학생이시라면 구글 검색하시면 다른 회사의 통계나 정보를 확인 하실 수 있습니다. 시기 마다 다를 수 있으므로 최신 버전을 참고 하시길!
좋은 영상 잘 봤습니다! 혼자 공부하려고 했는데 도움이 많이 됐습니다!
감사합니다~