🔥Figma Master Tutorial 

좋은 강의 감사합니다! 41:30 Union Selection (도형 합집합) 41:45 Subtract Selection (차집합) 41:55 Exclude Selection (교집합 뺀 부분) 42:23 Ungroup (해제) --> 모두 적용 상태에서 자유롭게 움직이고 설정 가능(이미지도 가능) 42:38 상위 계층 이해 44:20 Align 46:11 Align 응용 47:06 도형 angle, size 47:47 비율 유지하며 도형 조정 49:08 모서리 마다 round 다르게 50:25 Auto Layout (간격 자동) 51:58 Auto Layout 장점 52:50 Auto Layout 발생할 수 있는 문제점 53:27 Auto Layout 올바른 사용 예시 55:57 Auto Layout 어떻게 묶느냐에 따라 달라지는 점 + 이렇게 하는 이유 1:00:56 Auto Layout 장점2 1:01:38 Auto Layout Clip Content 1:02:09 Horizontal Resizing 1:02:59 Hug & Fix 1:03:59 Hug 사용하는 방법 1:06:05 응용 (Auto Layout + Hug) 1:07:57 Fill (Vs Hug) 1:10:55 Constraints 1:11:39 반응하는 컴포넌트 만들기 (Left&Right에 Constraints 걸기) 1:19:10 Constraints로 했던것과 똑같이 Auto Layout으로 해보기 1:21:15 모바일 버전으로 응용해서 만들어보기 1:22:09 마진이 같은 것만 묶어서 Auto Layout 걸기 1:22:55 글머리 기호가 상단 좌측 정렬되어있는 이유 1:23:54 마진 설정법 1:25:37 Auto Layout 요소중 특정 부분 마진값만 고치는 법 1:26:11 나머지 상단 바 등 처리 1:28:35 Grid 1:29:08 Grid 사용법 1:30:59 Icon Guide를 제작할 때 Grid 활용 1:34:35 속성값 (굳이 누끼 딴 사진 이용하지 않아도 됨) 1:35:52 폰트 1:38:14 텍스트 영역 설정 1:40:25 텍스트 고정 1:41:54 Vertical Trim 1:42:46 글머리 기호 1:43:04 말줄임 설정 1:43:18 Max Line 설정 1:43:33 고급 설정 1:45:15 Color 1:51:22 이미지 삽입 1:53:53 이미지 배경 색 추가 1:54:48 이미지 배경으로 추가한 색에도 그라데이션 가능 1:56:06 Stroke (border 같은 테두리 라인을 뜻함) 1:57:08 Center, Inside, Outside 설정 (대부분 Inside 사용) 1:59:31 특정 면에만 Stroke 적용(뚜께 값으로 적용) 2:00:29 점선 적용 2:01:07 Dash Cap 이해 2:02:14 모서리 모양 설정 2:03:48 안쪽과 바깥쪽 모서리 모두 동일하게 설정하기 (두께 개념 이해) 2:05:05 Stroke 사용 예시 2:05:47 Effects 2:06:04 Background Blur 2:08:16 Layer Blur (위에서 유압프레스로 누른 느낌) 2:09:16 Drop Shadow 2:12:18 Inner Shadow 2:13:02 Effects 여러개 사용 2:13:37 입체적으로 표현하는 예시 2:16:04 Export (이미지를 밖으로 내보낼 때 사용하는 기능) 2:18:06 Style 가이드(스타일 등록, 기준) 2:19:51 Style 등록 (네이밍 규칙 중요, Grouping을 잘 해야함) 2:22:51 등록한 Style 사용법 + 장점 2:24:07 Font Style 등록 2:27:03 실제 Font Style 등록 그룹명 예시 2:29:18 등록한 Font Style 사용법 2:30:47 단순 컬러 외의 투명도 등도 Style 등록 가능 2:32:42 Component (각각의 요소 만들때 어떻게 만들어야 하는지) 2:33:52 Component로 등록 2:34:56 Component Set 이해 (Properties 설정) 2:39:10 Component 내의 요소 유무 설정 가능하게 ( 이것을 고려해 반응형으로 제작해야한다.) 2:40:40 Component 내의 요소를 다르게 변경 가능하게 2:44:08 저장한 Component 이름 설정 2:44:25 아이콘을 먼저 만들어야 하는 이유 2:46:22 Component 순서 변경 방법 2:47:04 Nested Instances 설정

아, 진정 영웅입니다. 피그마라는 단어를 알게된지 이제 3일된 60대여요. 지금까지 본 모든 유튭 영상중에 최고의 강의입니다. 재지않고, 밀당하지 않고, 감추지 않고 어찌 그렇게 다 내주시는지, 놀랍습니다. 목소리도 참 좋으시고 딕션도 좋으셔서 60대 아줌마가 따라하기에도 충분했습니다. 댓글 잘 안쓰는 사람이지만, 어떻게라도 감사를 전하고 싶어 댓글 남깁니다. 목 아프실텐데, 선물이라도 보내드리고 싶네요. 진심으로 고맙습니다.

이거… 잔잔한 목소리에 확실하고 귀에 속속박히는 강의가 무료라구요??? 마디아님의 강의는 정말 이런단어쓰면 안되지만 미쳤어요…ㅠㅠ 10분 강의도 아니구 3시간…? 이건… 무조건 다봐야되요…

2:38 시작 4:17 챕터 04:52 초기 화면 구성 14:11 피그마 기초 툴 개념 14:56 세이브 / 버전 히스토리 17:03 공유 초대하기 19:26 페이지 / 파일명 22:18 기초 툴 기능 35:45 Matching Layer 39:19 Use as Mask 41:23 Union Selection 44:17 Align 47:03 Size / Angle 50:04 Auto layout 01:02:08 Horizontal Resizeing 01:10:55 Constraints 01:28:36 Layout Grid 02:18:06 Style 02:32:37 Component 02:51:48 마무리 영상 초반에 타임라인 숫자 하나도 안맞네요😅 맞춰서 다시 적었음

태어나서 강의 듣다가 눈물 나긴 처음이네요 너무 친절하게 알려주셔서 정말 감사드립니다 ㅠㅠ

피그마를 배워야겠다는 생각으로 학원도 다녀봤지만 선생님 강의가 최고인 것 같아요! 정말 잘 보고 또 보러 올게요!

와 책 안사도 되겠어요. 너무 고마워요. 아랫분 말씀대로 다른곳들은 정보들이 지금까지 파편적으로 흩어져있어서 (주로 쇼츠) 이렇게 정리된 강의를 찾아보기가 너무 힘든데 진짜 너무 좋아요. 감사해요

마디아님 저 다 봤습니다 3시간 풀로! 보다 보니 지금 새벽 2시네요 ㅎㅎ 마디아님 전에 제가 댓글 달았는데 영상 길어도 좋으니까 말씀이 빠르시다고 속도 조금 늦춰달라고 말했는데 마디아님이 잘 반영해주신거같아요 이정도 속도 너무 좋아요!!!! 앞으로도 이정도 속도면 너무 좋을거같습니다 ㅎㅎ 그리고 배워가는 입장에서 영상이 길면 어떻습니까 다 봐야죠! 그리고 심화과정까지 해주신다니 감사해요👍👍 영상 다 이해는 됐어요 하지만 내가 하면.. 심화과정 열심히 따라해야겠어요 ㅎㅎ

시청전에 댓글 보고 일단 구독부터 누름, 선구독 후시청, 댓글보니 진심 강의 확실 판단됨.

항상 좋은 강의 감사합니다! 몇달 전 인턴십때 알았으면 더더욱 좋았을만한 것들이 잔뜩 있어서 기쁨+안타까움의 탄식을 하며 강의 들었어요ㅠㅋㅋㅋㅋ 피그마 강의들 다 잘 듣고 있습니다. 컴포넌트같은 것들을 더 자세하게 설명하는 걸 만들어주시면 정말 좋을 것 같아요! 조금 더 심화과정으로요

정말...... 이렇게 귀한 강의를 무료로 풀어주시다니.... 협업때문에 갑작스레 피그마 쓰게 됐는데.... 진짜 ..... 큰 도움됐습니다!!!! 이번에 슬라이드도 많이 업데이트된 것 같은데 그것도 다음에 다뤄주실 수 있나요!!! ㅠ0ㅠ

00 목차 00:04:18 01 초기 화면 구성 00:05:06 02 피그마 기초 툴 개념 00:14:25 03 세이브 / 버전 히스토리 00:15:08 04 공유 초대하기 00:17:17 05 페이지 / 파일명 00:19:40 06 기초 툴 기능 00:22:31 07 Matching Layer 00:35:58 08 Use as Mask 00:39:33 09 Union Selection 00:41:36 10 Align 00:44:32 11 Size / Angle 00:47:17 12 Auto layout 00:50:18 13 Horizontal Resizing 01:02:21 14 Constraints 01:11:06 15 Layout Grid 01:28:48 16 Font / Fill / Stroke 01:36:02 17 Effects 02:05:00 18 Export 02:16:17 19 Style 02:18:20 20 Component 02:35:50

진짜 감사합니다!! uxui 디자인에 관심이 생겨 늦은나이에 취준을 시작하게 되어 사실 많이 어렵고 난감했는데 마디아님 피그마 강의 보면서 진짜 많은 도움을 얻었습니다! 포폴 만드는것도 너무 쉬워졌어요 ㅠㅠ 정말 정말 감사합니다!!!! 좋은일만 가득하시길 바랄게요 앞으로도 유익한 강의 부탁드립니다!!! 마디아짱짱맨

피그마 독학해서 사용하고 있는데 이렇게 자세하게 알려주셔서 감사해요! 알고 있는 부분도 더 자세하게 알려주셔서 영상 끝까지 다봤어요!! 너무 재밌네요 ㅎㅎ

안녕하세요! 마디아쌤~ 도움 주셔서 너무 감사합니다! 심화편도 기대하겠습니다^^

이렇게 좋은 강의 올려주셔서 너무 감사해요. 차분한 목소리 굿!! 실무에 도움이 되는 팁까지 알려주시니 이해가 너무 잘 되요^^

하나하나 이해하면서 넘어가려고 듣느라 1주일동안 들었어요. Figma 너무 좋아요 ㅠㅠㅠ 이런 천재적인 툴이 있다니

마디아님 강의 잘보고있습니다 반존대 화법이 은근이 중독되네요 학교다닐때 교수님같기도하고ㅋㅋㅋㅋ

2:05:44 내일 볼 내용 체크 항상 유용한 강좌 올려주셔서 감사합니다❤

너무나 좋은 강의 감사합니다. ^^ 정말 유익한 시간이었습니다. 적극 추천드립니다..^^

독학하고 있어요. 꼭 챙겨보는데 기본기가 없었거든요 이번 강의 기다렸습니다!!!!

선생님 항상 너무 잘보고 있어요!! 양질의 강의 너무 감사합니다..

9:35 와드❤

좋은 강의 감사합니다 시간날 때 꼭 챙겨보겠습니다!

55:31 오토레이아웃 1:03:29 허그

좋은 강의 감사합니다! 오늘부터 챙겨보겠습니다❤‍🔥

감사해여 파편적으로 흩어져있는 강의 찾아보기 힘든데 디테일한 강의 감사합니당

설명 정말 쉽게 잘 해주시는 것 같아요!!!! 항상 많이 배우고 갑니다 최고,,👍🏻

2:14:40 inner shadow로 입체적 표현

감사합니다!! 차근차근 따라해봐야겠어요

이직준비하면서 툴 하나라도 더 익히려고 들었습니다! 진짜 좋은강의 너무너무 감사합니다.. 이제 다른 따라하기 영상들도 뿌시러 갑니다

넘 감사해요 마디아님!! 정말 최고셔요...😊ㅠㅠㅠㅠㅠ

피그마로 실무중인 디자이너인데 몰랐던 기능까지 쭈욱 본거 같아서 감사드려요~

와 아직 다 못 봤지만 강의 정말 감사합니다………❤️‍🔥❤️‍🔥❤️‍🔥

좋은 강의 감사합니다. 열심히 공부하겠습니다.

친절하게 알려주셔서 너무 감사 드려요~!

좋은 강의 너무 감사합니다 !!!!

아낌없이 주는 마디아님!! 감사합니다!

꼭 성장하겠습니다 감사합니다!

피그마 필요성을 느껴서 독학 해보려고 하는데 영상 감사합니다...!! 열심히 해보겠습니다.

넘 잘듣고 살짝 졸리긴했지만..도움 많이 되었습니다. 감사합니다!

정말감사합니다ㅏ 오늘안에 못보겠네요. 아끼지않고 팍팍 보고 소화해보겠습니다

피그마에 관심이 생겨 디자인에 디자도 모르는 사람이 봐도 이해하기 쉽게 설명해주셔서 좋네요! 혹시 영상에서 설명해주시는 예제 파일이 따로 있을까요? 계속 반복적으로 복습해보려구 해서요!

정말 말도안되는 최고의 강좌입니다ㅋㅋㅋ감사합니다!

오!!! 잘 듣겠습니다! 듣고 후기 남길께요!

언제와도 도움만 주는 형.. 항상 감사합니다!❤❤

마디아 선생님ㅠ 감사합니다 이렇게 양질의 강의를 무료로 푸시다니..ㅜㅜ갬동

ui로 이직하려고 고민중이였는데 이 영상 정독해야겠어요. 감사함니다😊

진짜..유용한 영상..미쳤다…!!

항상 잘보고 있습니다. 많은 도움을 주셔서 감사한 마음입니다.

필요했는데. 너무 감사해요~^^

항상 잘 보고 있습니당 !!

4분55초까지 인트로.길어도 꼭 완강해보겠습니다! 감사합니다

항상 감사합니다 정말 많은 도움 되고있어요

ㅠㅠ 강의에 나오는 메뉴들이 피그마 기본화면에서 안 보일 때가 있는데 (constraints 등등..) 정상이죠..? ㅠㅠ 헷갈리네요

피그마 전에 배워놓고 안 써서 가물가물했는데 이 영상 보니까 상기되네요.. 너무 감사합니다 좋은 하루 보내세요🫡👍

정말 감사합니다😭 너무 많은 도움이 됩니다

정말 좋은 강의 올려주셔서 너무 감사해요ㅜㅠ 목소리 자체가 힐링이에여,,,, 근데 디자인할때 프레임 사이즈를 몇으로 하는게 좋을지요?ㅜㅠ

좋은 강의 감사합니다

선생님 최고입니다❤

너무 감사합니다!! 오늘 따라 해 볼게요!!

요즘 개발하면서 프론트 건들면서 ui만들어보고있는데 감사합니다...사랑합니다..

잘보고갑니다

4:22 타임라인 정리 5:06 초기 화면 구성 14:25 피그마 기초 툴 개념 15:08 세이브 / 버전 히스토리 17:17 공유 초대하기 19:40 페이지 / 파일명 21:31 기초 툴 기능 35:58 Matching layer 39:33 Use as mask 41:36 Union selection 44:32 Align 47:17 Size / Angle 50:18 *Auto layout 01:02:21 Hoizontal resizing 01:11:06 Constratints 01:28:48 Layout Grid 01:36:02 Font / Fill / Stroke 02:05:00 Effects 02:16:17 Export 02:18:20 Style 02:35:50 *Component

지금 디자이너가 없어서 혼자서 만들고 있는데 너무 감사해요 ㅜㅜㅜ

Auto Layout 00:50:18 Style 02:18:20 Component 02:35:50

드디어 완강! 감사합니다:)

50:08 오토레이아웃

정말 감사합니다.

마디아님 최고❤

잘 보겠습니다 감사해요

너무 유익한 영상 올려주셔서 감사합니다. 잘 보고 있습니다 ! 혹시 영상에 나온 예제 파일을 따로 받을 수 있는 곳 이 있나요?

1:33:08

안녕하세요! 영상 잘 보고있습니다! 마디아님 영상 보고 피그마 공부 시작했는데 혹시 스타일 가이드 구매는 어떻게 하나요~?

감사합니다

그저 빛...

진심으로 감사합니다🤍 열삼히 따라해볼게요

감사합니다

피그마소소한 기능이나 정보를 공유하는 커뮤니티가 제일 활발한 곳 추천 부탁드려요 자잘한 오류같은것을 물어볼만한 곳이 없어요 ㅠ

감사합니다~~~~

해박하십니다, 책 한권 분량을 막힘 없이 풀어 내시네요

공짜로 보는게 죄송할정도네...

아래 카테고리에서 원하시는 시간대로 이동하셔서 수강하세요~ 1개월 전에 ㅠㅠ 업로드 했는데... 피그마 대대적인.. UI 업데이트 했다고?..ㅠㅠ 너무해ㅠㅠ ➤강의 카테고리 01. 초기 화면 구성 00:05:06 02. 피그마 기초 툴 개념 00:14:25 03. 세이브/버전 히스토리 00:15:08 04. 공유,초대하기 00:17:17 05. 페이지/파일명 00:19:40 06. 기초 툴 기능 00:22:31 07. Matching Layer 00:35:58 08. Use as Mask 00:39:33 09. Union Selection 00:41:36 10. Align 00:44:32 11. Sizem Angle 00:47:17 12. Auto Layout 00:50:18 13. Horizontal Resizing 01:02:21 14. Constraints 01:11:06 15. Layout Grid 01:28:48 16. Font, Fill, Stroke 01:36:02 17. Effects 02:05:00 18. Export 02:16:17 19. Style 02:18:20 20. Component 02:35:50 ➤완벽한 디자인 학습 방법 [마디아 스타일가이드] www.sixshop.com/madia/product/uiux_Styleguide_2

피그마쓰는대 맥을추천하시나요 윈도우를 추천하시나요

36:59 매칭레이어

좋은 강의 감사합니다. 그런데 업데이트가 된 이후로 뭔가 이것저것 위치가 좀 바뀐 것 같아요. 어떻게 검색해서 찾고는 있는데 Figma 아이콘이나 UI가 덜 익숙하니까 찾기가 좀 힘드네요. 혹시 맥과 윈도우와 UI가 좀 다른가요? 회사버전 (mac)에서는 좀 다르게 나와요.

44:38 여기서 왼쪽 정렬하고 다시 원상복구 시키는 돌아가기 키가 뭔지 알 수 있을까요…?? 영상 너무 유익해서 잘 공부하다가 이거때매 막혔네요😢😂😂

멋있습니다 . 혹시 무료 피르마 강의가 있을까요? 감사합니다

1:28:38

1:08:01 책갈피

좋은 영상 감사드립니다. 이 영상 마스터하면 어느 정도 수준의 실무를 할 수준이 될까요? 신입사원 수준의 실무는 가능할까요 아니면 그 이상일까요?

ai 가 만들어준다 하더라도 일로 하려면 기본기가 필수죠

1:16:43

피그마가 뭐할때 쓰는 프로그램 인가요?? 잘 이해가 안가서 질문 드립니다^^

2:05:49

질문있습니다~ 혼자 해 보다가 55:06 에 텍스트와 아이콘에 오토레이아웃 걸 때, 짧은 텍스트와 긴 텍스트의 가로값이 달라서 막혔습니다. 텍스트는 텍스트박스를 쳐서 작성하신걸까요? 만약 텍스트박스를 친다면 행간마진(140%)을 어떻게 살리는지 모르겠습니다..ㅠㅠ

1:22:10

송구하게 감사합니다..

37:03 매칭레이어

변수개념, 모드 개념은 아니 다루시나요