[단축키 참고 영상] kzbin.info/www/bejne/q6PbaH6pgrtql9E 11:33 영상에서 Control + C {Color pick) 단축키에 대해 언급했는데, 제가 윈도우컴이 없어서 윈도우 용 단축키를 게시 못했습니다. 혹시 영상을 보신 분들 중 아시는 분이 계시면 코멘트 부탁드려요~ ( figma 에디터 > 우측 하단 ?(물음표 Help 버튼) > keyboard shortcuts 의 메인 가이드에서 알 수 있습니다,)
@yuumstar4 жыл бұрын
연정님 대신 코멘트 달아요 ㅎㅎ Control + C [Color pick] 윈도우용 단축키는 > I (영문 i) 입니다. 포토샵,일러스트와 같은 개념이라고 생각하시면 될 듯 합니다!
@yeonjung-figma4 жыл бұрын
@@yuumstar 감사해요~♡
@김민재-s9g3 жыл бұрын
컨트롤c 아무리해도 안됐는데 역시 댓글에 나와있네요 감사합니다
@coolsidef12 ай бұрын
24년 9월 피그마앱 버전으로 단축키가 I (영문 i) 로 바뀐듯 합니다. Control + C가 안되네요.
@yeonjung-figma3 жыл бұрын
00:25 리뉴얼된 머터리얼 아이콘 다운로드 페이지 fonts.google.com/icons 13:24 Icons Size 관련 정보(@t) material.io/design/iconography/system-icons.html#design-principles
@정건하-q6l4 жыл бұрын
피그마 배워보고 있는데, 피그마 강좌 영상 중 가장 유익한 것 같아요. 구독하고 앞으로도 감사히 시청하겠습니다!
@yeonjung-figma4 жыл бұрын
ㅎㅎㅎ 만드는게 힘들어서 멈추고 싶다가도 구독자님들 피드백에 다시 일어섭니당 ㅎㅎ
@yeonjung-figma4 жыл бұрын
[Part2 상세정보] @t 00:09 1/6 Material Design - System Icon 개요 01:16 2/6 Layout Grid & Keyline 제작 06:18 3/6 도형 툴 {Shapes, Booleans} 08:54 4/6 아이콘 Export & Import {SVG} 10:33 5/6 펜 툴 {Pen, Outline Stroke} 12:14 6/6 기타 유용한 사용 Tip {좌우 상하 반전} figma 아이콘 리소스] @t figma에서 아이콘 제작시 유의사항 @t * figma 파일 또는 스케치 파일을 내 문서로 import 하는 방법: @t * 아이콘 제작 시 공통 유의 사항: Frame 안쪽 객체의 Constraints 옵션을 Scale로 설정해줘야 합니다. *연관 링크 1) 피그마 기초 강좌 - Part1 - kzbin.info/www/bejne/faS9nGupaq-Xjck 2) figma 앱 다운로드 : www.figma.com/downloads/ 3) 단축키 참고 영상: @V7ao 8/18 업데이트 - figma 기초 튜토리얼 영상
@빵이에요-e2j4 жыл бұрын
새 회사에서 피그마를 쓴다고 해서 하나도 모르는 피그마를 익히는 것이 막막했는데 연정님 영상 덕분에 피그마를 잘 익힐 수 있었습니다. 감사합니다. 영상 언제나 감사히 보고 있습니다!
@yeonjung-figma4 жыл бұрын
도움이 되었다니 기쁘네요~ ^^
@rubyjung82324 жыл бұрын
감사합니다 감사합니다 영상만드시느라 가르쳐주시느라 너무너무 감사합니다 ㅜㅜ흑흑 저는 쌤 강의 오토레이아웃 보고 충격먹어서(그전까지 모르고 노가다;;) 역시 머리가 안되면 몸이고생하는구나 싶어가지구 이제야 부랴부랴 ㅜㅠ 공부하고있어요 감사합니다!! 기본기의 중요성도 깨닫고 너무 설명 잘해주셔서 잘배우고있습니다. 복마니마니받으세요 엉엉 ㅜㅜ
@yeonjung-figma4 жыл бұрын
오토레이아웃은 올해 초에 새로 생긴 기능인데 이젠 너무 익숙해져서 잘 쓰고 있어요. 넘넘 편한 기능이죠. 거기에 컴포넌트랑 스타일링 기능을 함께 사용하면 추후에 수정작업이 정말 쉬워집니다. ㅎㅎ
@지구-s5t2 жыл бұрын
연정님 피그마 천재....!
@berjohn76394 жыл бұрын
아이콘은 무조건 일러로 그려야해! 라는 개인적인 고정관념이 있었는데 피그마 자체 툴로도 충분히 소화 가능하군요! 좋은영상 감사합니다~~
@yeonjung-figma4 жыл бұрын
전 익숙해지니 이젠 피그마가 더 쉽더라구요.
@yerinkim15992 жыл бұрын
단축키까지 알려줘서 너무 유용해요!! 강의 계속해주시길...ㅜㅜ 도움이 많이 됐어요 감사합니다!
@김히쟁2 жыл бұрын
너무 원하고 필요했던 강의였습니다 ㅜㅜ항상 유익한 영상 만들어서 올려주셔서 너무 감사합니다!!!
@quooch4864 жыл бұрын
5/6 펜툴 부분에서 아이콘도 scale로 설정해야하는 과정이 스킵되는 바람에 똑같이 안돼서 한동안 잉하고 헤맸었네요. 그래도 다른 피그마 강의들에 비해 자막도 달아줘서 대부분은 잘 따라갈 수 있었고, 제가 지적한 이런 부분들을 보완했더라면 더 나은 강의가 되지 않을까 코멘트 남기고 갑니다.
@yeonjung-figma4 жыл бұрын
피드백 감사합니다~ 다음 영상 만들 때 참고 하겠습니다. 프레임 안쪽 아이콘을 제작 할 때는 아이콘의 요소에 대해 constraints 옵션을 scale 로 하는것이 꼭 필요합니다. 시청 중 어려운 부분이 있으면 언제든 답글로 질문 올려주세요~♡
헉 저는 아이콘 왜 피그마로 그려볼 생각을 못했을까요? 새로운 기능 많이 알아갑니다!! 감사합니다!
@yeonjung-figma4 жыл бұрын
figma로 그리는거 재미있어요~ ㅎㅎ
@권기현-c9h3 жыл бұрын
안녕하세요! 두가지 질문이 있어서 댓글을 남깁니다.! 먼저 ( 6:43 ) 섹션3에서 각 아이콘들의 frame안에 "Icon-keyline-24x24"frame이 들어가있는데요! 각 아이콘들의 frame들은 fill값을 지워주고 그 frame안에 "Icon-keyline-24x24"frame을 위치시켜주신 건가요? 또 각 아이콘들의 frame에 1px그리드를 만들어주신게 맞을까요?! 영상 감사히 잘 봤습니다! 감사합니다!
@yagopkiller17083 жыл бұрын
차근차근 설명해주셔서 따라하기 쉬웠어요! 반복적으로 손에 익을때까지 열심히연습해봐야겠어요ㅎㅎ
@치프티프2 жыл бұрын
좋은 강의 정말 감사합니다~~ 영상 보기 전에 아이콘이 하나 필요해서 만들었었는데, 지금 보니 완전 규칙 따위 하나도 지키지 않고 만들었었네요 ㅋㅋㅋㅋ 사이즈를 줄였을 때 stroke가 유지되서 적당히 줄여서 쓰고 있었는데 해결법이 나와서 깜짝 놀랐어요 구글 icon 에 제가 만든 모양이랑 앞으로 쓸 모양이 대부분 다 있어서 자주 쓸일은 많지 않겠지만 투톤 아이콘이 필요하거나 이런 때 배운거 쓸 수 있을 것 같아요
@awoo02103 жыл бұрын
어머! 저와 이름이 같으신...! 최근 피그마를 알게되었는데, 유용한 정보와 강좌 감사합니다 :]
@강예진-k5j3 жыл бұрын
와 넘넘 유용해요 피그마로 아이콘 그리기 넘 어렵게 느껴졌는데 완정 이해했어요ㅠㅠㅠ 감사합니다!
@songyi33 жыл бұрын
진짜 설명 너무 깔끔하고 쏙쏙 들어옵니다. 진짜 많은 도움이 되었습니다!! 이런 훌륭한 강의를 유튜브에 올려주셔서 진심으로 감사합니다!!😍
@sorr24982 жыл бұрын
너무 도움이 많이되네요! 진짜 유익해요ㅠㅠ 한줄기 빛 연정님 영상보면서 열심히 연습해야겠어요!! 좋은 강의 올려주셔서 정말 감사합니다
@wishyouD2 жыл бұрын
항상 기준이 되는 것들에 대해서 어디서 찾아야하는지 헤맸는데요! 그 중에서도 아이콘! 아이콘 레이아웃 그리드&키라인 제작 및 그에 따라 아이콘을 만드는 법 알려주셔서 감사합니다 :) 기본이 잘 되어야 다음 단계로 넘어가는데 그 기초단계들을 덕분에 단단히 만들어나갈 수 있는 영상 올려주셔서 감사드립니다 :)!!
@Loi-wu8di2 жыл бұрын
진짜 너무 유익한 컨텐츠 만들어주셔서 감사합니다.
@qkdrk2622 жыл бұрын
진짜 너무 완벽한 피그마 강의입니다. 저한테 너무 필요했던 거였는데ㅠ 올려주셔서 감사합니다!!!
@yoonjung2023 жыл бұрын
쭉 일러스트나 그래픽 디자인만 하다가 피그마 처음으로 배우고 있는데 연정님 강의가 많은 도움이 되네요. 감사합니다☺️
@호엥-e4f Жыл бұрын
안녕하세요 연정님! 혹시 11:47 부분에서, 제가 그린 스트로크는 연정님처럼 프레임을 따라 확대되지 않고 프레임만 별도로 움직이고 스트로크는 움직이지 않아요ㅠㅠ 픽스 포지션 스크롤 그것도 체크가 안되어있는데 말이에요ㅠㅠ 따라가다가 제가 뭘 놓쳤는지 ㅠㅠ..혹시 제가 어떤 부분에서 잘못 따라했거나 놓친 부분이 있을까요..? +그리고 맨 처음 24x24 키라인 가이드파일은 받았는데, 후에 카트랑 화살표 파일은 받지를 못해서..어디서 받을수 있을까요?
@파테-y8w4 жыл бұрын
저는 파워포인트를 이용해서 필요한 아이콘들을 만들어서 그림으로 사용했었는데... figma에서도 이렇게 섬세하게 제작이 가능하네요!! 영상 끝까지 봤는데 이해하기 쉽고 정말 좋은거같아요!! 3:50분 부분에 shift + option 이라고 자막이 나오는데 (alt) 단축키인지 안 나온것 같더라구요!! 그 뒤에 한번더 나오는 shift + option 에서는 단축키 (alt)라고 설명이 되어있었구요. 영상 정말 잘 보고 있습니다!! 감사합니다 ㅎㅎㅎ 다음 영상도 기대되네요!!
@yeonjung-figma4 жыл бұрын
도움이 되는 기능들로만 담고자 많이 편집을 해야 했었던 영상이었습니다. 다른 사람들로 하여금 저의 정보를 전달하는 것은 참 여러운 일인거 같습니다. 하지만 그 과정에서 저 또한 배우게 되는 것들이 있어서 매 영상을 올릴때마다 조금씩 성장하는 기분이에요 ㅎㅎ 소중한 피드백 감사합니다. 앞으로도 좋은 영상으로 찾아뵐게요~
@yeonjung-figma4 жыл бұрын
kzbin.info/www/bejne/q6PbaH6pgrtql9E 이 영상에서 기본 단축키에 대한 가이드를 언급한적이 있는데 도움이 될까하여 코멘트 남깁니다.
@davidkim83543 жыл бұрын
너무 감사합니다. 처음 피그마를 배운는데 너무 유용합니다!
@콩팥건강밥상4 жыл бұрын
안녕하세요 연정님~^^ 취업을 준비 중인데, 피그마를 이용해서 디자인 해보고 싶어서 찾다가 들어왔어요. 하나하나 들어보고 있는데, 이렇게 유용한 내용을 들을 수 있게 해주셔서 정말 감사드려요~!!^^
@yeonjung-figma4 жыл бұрын
jiwon님 안녕하세요. 화이팅입니다. 피그마를 선택하셨다니 탁월한 선택이세요~! figma의 오토 레이아웃 기능 영상 및 컴포넌트 그리고 스타일링에 대한 영상은 반드시 숙지가 필요한 부분이니 참고해주세요~ 작업 시간을 많이 절약할수 있는 기능들입니다.
@콩팥건강밥상4 жыл бұрын
@@yeonjung-figma 네 정말 좋은툴과 기능들인것 같아요. 잘 숙지하도록 할게요ㅎㅎ 그리고 목소리도 참 예쁘세요~^^ 좋은저녁 보내세요 연정님!😊
@yeonjung-figma4 жыл бұрын
@@콩팥건강밥상 jiwon님도 좋은 저녁 되세요~♡
@tatebaik14384 жыл бұрын
많은 도움이 되었어요. 감사합니다.
@yeonjung-figma4 жыл бұрын
도움이 되었다니 기쁘네요~~ 화이팅!!
@youringgaeshung Жыл бұрын
9:00 저는 두 개 선택해서 저장하면 도형이 나눠져서 따로 저장되는데 왜 그럴까요.. 그루핑 하면 하나로 되는데 연정님은 그루핑 안 하신 것 같은데... 저는 프레임도 안 지워지구요.. 프레임 지우려하면 다 선택되어 다 삭제 되더라구요;
@해쀠-e9x2 жыл бұрын
11:39 Ctrl+C 아니고 I키 누르면 됩니다~
@seulgijo32794 жыл бұрын
훌륭한 강의 영상 감사합니다 ㅠ_ㅠ !
@ddukddaklee82578 сағат бұрын
안녕하세요. 연정님. 개발자인데 디자인 외주 주 디자인 결과물에서 아이콘이 픽셀단위로 작업이 잘 안되어 있어서 다시 만들고 있어요. ㅜㅜ 다른건 설명 잘 해주셔서 이해되는데 11:45 쯤에서 나오는 확대할때 저는 가이드 라인만 커지고 만든 아이콘이 커지지 않더라고요... 어떻게 해야 해결할 수 있을까요?
@yeonjung-figma6 сағат бұрын
@@ddukddaklee8257 아이콘 레이어 선택후 constraints 옵션을 모두 scale로 설정하시면 돼요.😊
@groove_yoyo4 жыл бұрын
연정샘 고마워요~!
@yeonjung-figma4 жыл бұрын
😍 저도 고마워용~
@네무슨일이신지2 жыл бұрын
안녕하세요! 강의 너무 재미있게 보고 있습니다. 09:14 부분에서 왜 아이폰을 고려할 경우에는 2배 3배율의 png를 추가하는지 알 수 있을까요? 안드로이드 유저면 그냥 svg로 저장하면 되는건가요?
@yeonjung-figma2 жыл бұрын
안녕하세요~ svg로 하면 벡터이므로 2배 3배 설정 할 필요가 없고요, png 같은 비트맵 이미지로 개발을 할 경우, 모바일, 태블릿, 맥 들에서 이미지가 또렷히 보이게 하려면 필요한 옵션입니다. (개발자 마다 작업 스타일이 다르므로 개발자와 사전 논의는 필수입니다. 피그마는 뷰어모드에서 export 옵션을 직접 변경하는 것이 가능해서 우리 회사의 경우는 개발자가 직접 그 포맷을 선택하여 에셋을 다운로드하고 있습니다 )
@dododo-g7z2 жыл бұрын
좋은 강의 감사합니다~~
@wooleeastsea3 жыл бұрын
항상 감사합니다
@yjkim-lp9is3 жыл бұрын
감사합니다 도움 많이됐어요!! 😍
@bcchoi11674 жыл бұрын
좋은 강의 잘보고 갑니다!
@yeonjung-figma4 жыл бұрын
♡ 감사합니다 ~ ♡
@choy1217 Жыл бұрын
안녕하세요 11:45부분의 프레임 선택 후 화면을 늘리면 영상에선 안의 아이콘도 자동으로 사이즈가 조정되던데, 지금은 프레임만 늘어나고 아이콘은 그대로라 혹시 어떻게 사이즈를 늘릴 수 있는지 궁금합니다.
@yeonjung-figma Жыл бұрын
아이콘의 레이어가 선택된 성태에서 constraints 옵션(디자인 패널의)을 모두(left, top 대신 ) scale로 수정하면돼요~
@태욘-t8b2 жыл бұрын
선생님.. 사랑합니다 ㅠㅠ
@deanjames69973 жыл бұрын
뭘리티 높은 영상 감사합니다, 많이 배웠습니다 :)
@youringgaeshung Жыл бұрын
11:45 프레임을 늘렸는데 카트는 안 늘어나고 바깥 프레임만 커지고 작아지는데 해결 방법이 뭔가요?ㅜ
@yu-mm Жыл бұрын
1:30 여기서 갑자기 사이트에있던 키라인이 어떻게 피그마 왼쪽편으로 오는지 궁급합니다ㅠㅠ
@gummm65533 жыл бұрын
와 정말 감사합니다,,~`~
@sosoboroo28963 жыл бұрын
너무 도움이 되네요!
@kskim873 жыл бұрын
잘보고 있습니다! 혹시 1:21 초의 icon-keyline-24x24라는 이름의 이미지(?)는 어디서 갑자기 튀어나온건가요 ? ㅎㅎ;
@yeonjung-figma3 жыл бұрын
구글 머터리얼 가이드 기준하에 피그마로 만든 샘플입니다.
@servicechangetalkhelper3018Ай бұрын
Edit-Object 기능을 새 피그마에서는 찾을 수가 없어요. 어디로 바뀐걸까요? 새로운 버전의 피그마에서는 기존 피그마 동영상과 다르게 설정되어서 메뉴 찾기가 어려워요. 오브젝트가 안되서 사각형에 호버기능을 하는 것도 되는지 안되는지 모르겠어요!
@youringgaeshung Жыл бұрын
8:15 복사해서 오른쪽 프레임으로 옮기면 도형이 프레임 뒤로 가버리는데 어떻게 해야 하나요??
@asdasdyun28732 жыл бұрын
수강완료!
@화려한훠궈4 жыл бұрын
유익한 강의 감사해요!!! 한땀한땀 클릭보다 단축키 활용이 좀 더 있으면 더 도움이 될 것 같아요!!
@yeonjung-figma4 жыл бұрын
넵 !! 피드백 감사합니다~
@어제의햇님3 жыл бұрын
강좌 잘보고 있습니다. 근데 워낙 초보인지라 섹션2로 넘어가실때 저 키라인 파일을 어떻게 불러오는지 , 그리드 셋팅은 어떻게 하는지에 대한 설명이 없어서 더이상 학습을 못하고 있는데 그 설정 과정에 대한 설명은 없는건지요?
@yeonjung-figma3 жыл бұрын
01:48 부터 그리드랑 키라인 관련하여 설명되어 있습니다.
@최선미-p2u4 жыл бұрын
안녕하세요?? 반갑습니다. 관련 영상 정말 재밌게 잘 봤습니다. 네모를 그릴때 단축키 R을 누르고 네모를 그리는 이유가 뭔지 궁금합니다. R 을 누르면 무슨 액션이 있나요?? 잘 몰라서 물어봅니다.
선생님 아이콘을 디자인할 떄 24x24는 모바일 기종 상관없이 보통 다 권장사항인가요? 아이폰xs서의 24와 xs max에서의 24는 좀 다르게 보이지 않을까 해서요!
@yeonjung-figma4 жыл бұрын
권장 사항이에요~ 작은 아이콘의 경우엔 16×16으로도 하지만, 시스템 아이콘 표준 사이즈는 24×24에요~ 24×24 벡터(svg)로 만들어서 사이즈를 크게 하거나 작게하여 조절해서 사용합니다. 큰 아이콘이 필요 할경우, 8의 배수로 전달하고여~(32, 56..) 상황에 따라 다르지만 8의 배수로 맞춰 제작하는 것을 권장드려요.
@yeonjung-figma4 жыл бұрын
구글 머터리얼 가이드를 참고하시면 더 정확한 가이드를 알 수 있어요! ㅎㅎ
@da.nn___2 жыл бұрын
8:46 전 왜 뒤에 하얀배경이 안지워질까요ㅠㅠㅠㅠㅠ너무어렵당.........ㅠㅠㅠ
@csunk01042 жыл бұрын
안녕하세요 12:54 에서 저는 Line Arrow가 없는데 왜일까요..?ㅠㅠ
@yeonjung-figma2 жыл бұрын
피그마 ui가 개편되어서 그런듯요 😅
@_mideumk2222 жыл бұрын
머터리얼 디자인 가이드에서 제공하는 시스템 아이콘은 상업적으로 사용가능한지 알 수 있을 까요??
@bbons06773 жыл бұрын
질문 하나 해도 될까요? 24x24가 시스템 아이콘이라고 하셨는데, 이것이 터치영역을 의미할 것 같진 않습니다. 터치영역을 산정하는 어떤 기준같은게 있을까요?
@yeonjung-figma3 жыл бұрын
안드로이드 가이드 기준에 따르면 가로 세로 48px 이상을 권장하고 있다고 알고 있습니다. 아이콘을 둘러싼 여백을 포함한 값입니다. material.io/design/layout/spacing-methods.html#touch-targets 첨언: 아이콘 사이즈는 4의 배수 또는 8의 배수를 권장하고 있고요. 자세한 내용은 구글 머터리널 디자인 가이드 링크를 참고해주세요~
@냐냐냐-y7e2 жыл бұрын
0:34는 어디로 들어가면 될까요?
@na-sim-ii4538 Жыл бұрын
감사합니다
@서울촌년-l6x Жыл бұрын
라인성격이 살아있게 합치는방법은 뭘까욤?
@더쿠더쿠-o8e Жыл бұрын
개쩐다...피그마..
@kangwoo10023 жыл бұрын
연정님! 초반에 알려주신 사이트 들어가면 화면처럼 나오지 않습니다ㅠㅠ;; 이벤트 아이콘은 어찌저찌 찾았는데 icon design principles가 아무리 찾아도 보이지 않는데 혹시 알려주신 사이트가 리뉴얼된걸까요!!ㅠㅠ
@yeonjung-figma3 жыл бұрын
아이콘 다운로드 : fonts.google.com/icons 저도 오랫만에 들어가보었는데 리뉴얼 되었네요.