Figma 기본코스 총정리 1편 - 컬러, 텍스트 스타일, 컴포넌트 만들기까지 한 방에 쭉 갑니다!! feat. Design system
HTML-код
- Опубликовано: 24 сен 2024
- 그동안 기획자의 피그마 기본코스를 정주행하셨나요? :)
이번 총정리 편에서는 Figma 의 기본적인 기능으로 디자인 시스템(Design System)을 만들어봅니다.
디자인 경험이 전혀 없더라도 아주 쉽게 이해할 수 있도록 준비했답니다.
걱정마시고 Figma 에 관심있는 모든 분들, 어서 들어오세요~
*** 기획자의 Figma 블로그
blog.naver.com...
#피그마 #figma #피그마강의 #figma강의 #Designsystem #디자인시스템 #웹디자인 #앱디자인 #웹기획 #기획실무 #피그마튜토리얼
와우~~~~ 정말 감사합니다.. 유료 강의보다 훨씬 자세히 알려주시는거 같ㅊ아요 감사합니다!!
댓글 남겨주셔서 넘 감사해요!
앞으로도 꼼꼼하고 세세하게 컨텐츠 만들어볼게요!
감사합니다~
와우 훌륭한 강의 정말 감사합니다!
훌륭한 강의 감사합니다🙂
피그마 처음 배우면서 공부중인데 정말 유익하고 알아듣기 쉽게 설명 잘해주시는 것 같아요! 정말 감사합니다....ㅠㅠ다른 유투브 강의보다 훨씬 이해가 잘가요!! 단어설명이나 기본적인것들을 하나하나 천천히 설명해주셔서 너무 좋네요! 소중한 영상 너무 감사합니다!!!
좋은 말씀 너무나 감사합니다!
머리에 쏙쏙 들어옵니다. 훌륭한 강의 계속 기대하겠습니다.^^
감사합니다~!! 총정리 2편도 기대해주세요 :)
피그마 강의중 제일 좋습니다. 귀에쏙쏙 들어오고 다른강의보다가 기획자님꺼 보니까 개안하는 느낌
대박이네요. 현업 컴포넌트 관리를 어떻게 하나 궁금했는데 해결된것 같네요. 베리언트를 이용한 디자인 시스템을 사용하는군요
슬러쉬(/)로 프로퍼티 값을 지정하는건 이해했는데
화면 보니까 아이콘을 콤마(,)로 명명하신 것도 보이더라구요. 13:36
슬러쉬나 콤마나 프로퍼티를 구분해주는 용도는 같은걸까요?
안녕하세요~ 댓글 달아주셔서 넘넘 감사합니다! Hoxy님께서 주신 질문을 이번 Q&A 영상에 다뤄보았답니다. ^^
영상으로 확인 부탁드릴게요 :)
드디어 긴영상이 올라왓네용 ㅋㅋㅋㅋ
훌륭하네요 강의!! 속도도 정말 적절하고! 금방 조회수 늘어날거라 기대합니다! 계속 유익한 영상 부탁드릴게요^^ 구독하기 꾹 누르고 갑니다!
좋은 댓글과 구독 넘 감사합니다~!! ^^
안녕하세요! 목소리도 넘 좋으시고 정말 유익한 강의 감사합니다..! 혹시 본 영상에서 쓰신 피그마 파일을 다운받으려고 하는데 커뮤니티에 따로 검색이 안되서요..! 혹시 내려간걸까용?!!
안녕하세요! 영상보다가 궁금한점이 좀 있어서 댓글드려요.
Navigation이란 명칭으로 묶은 컴포넌트는 왜 assets 탭에 추가가 안되는건가요? (컴포넌트들은 다 assets탭에 저장되는것이 아닌지요?)
그룹과 프레임은 서로 비슷하게 묶는다는 기능이 있는거 같은데 차이점이 뭔가요?
대부분 그룹이나 프레임 > 오토레이아웃 > 컴포넌트화 순으로 진행된다고 보면 되나요?
질문이 많아서 죄송해요^^;;
너무 잘듣고있습니다 :) 처음 홈 아이콘과 텍스트를 그룹으로 안하고 프레임으로 한건 왜일까요? 피린이라서ㅎ 그룹셀렉션한것과 프레임셀렉션의 차이를 모르겠어요
좋은 의견 남겨주셔서 감사합니다!
새로운 영상에서 그룹과 프레임 개념에 대해서도 한번 담아볼게요.
감사합니다.
공부중)
4:13
안녕하세요 강의 매번 잘 보고 있습니다. 커뮤니티에서 한글로 '기획자'를 검색했을때 화면 설계서 탬플릿만 확인 가능한데 영상의 피그마 파일은 어디서 확인가능한지 문의드립니다
안녕하세요! 현재 해당 파일을 업데이트하느라 현재는 커뮤니티에서 삭제를 한 상태입니다. 조만간 새로운 컨텐츠 제작이 완료되면 다시 업로드 후 공유드리도록 할게요.
감사합니다.
[ 타임스탬프 ▶ ]
00:52 목차
01:41 design system이란?
03:02 Color & Text Style
04:13 Screen & Layout
05:32 Component
10:37 Icon
14:41 Navigation
24:09 Variant Tip!
앗! 이런 타임스탬프까지 ㅠㅠㅠ
감사합니다 ^^
앞으로는 긴 영상 올릴때 요 기능을 저도 활용해야겠네요!
감사합니다~ 좋은 하루 보내세요~
안녕하세요 영상 감사히 잘 봤습니다! 내용과 별개의 질문이지만 혹시 피그마로 프레임을 a4사이즈로 작업시 pdf로 파일저장 후 프린터로 인쇄시 정상적으로 출력이 될까요?
포트폴리오를 피그마에서 지원하는 a4사이즈의 프레임으로 제작중인데 pdf출력시 인쇄하면 정상적으로 출력이 되나 싶어서요 ㅠㅜ
안녕하세요~ 인쇄할 파일을 PDF로 정상 저장하셨다면 출력은 정상적으로 되지 않을까 싶네요.
죄송해요. 저는 Figma 파일을 출력할 일이 별로 없어서 ㅠㅠㅠ
3:05는 어떻게하면 되요?
3:35초에 뭐뭐했습니다 뭐뭐ㅠ하시면 됩니다 이렇게만 말씀해주시는데 따라하는 방법도 같이 보여주시면 좋을거 같아요 ㅠㅠ 그룹 만들라는게 ctrl+g해서 시키라는 말씀이신지,,
에고 영상에서 제 녹음이 조금 부족한 부분이 있었나봅니다. ㅠㅠ
새로운 영상에서는 조금 더 쉽게 확인하실 수 있도록 만들어볼게요.
감사합니다!
그룹할때요 /를 이용하는데 간격필요한가요? 예를들어 color/red color / red 둘다 그룹핑 되나요?
간격 여부 상관없이 / 만 작성하시면 하위 그룹으로 만드실 수 있답니다.
혹시 만드신 파일 피그마에서 볼 수는 없을까요?ㅜㅜㅜㅜ
이 토스 앱의 각 화면들은 어디서 얻는것인가요? 버튼 내비게이션 같은 화면들이요. 아니면 이 영상에서 그냥 캡쳐 복사해서 만들면 되는건가요?
토스 화면이 좀 달라졌던데 현재 버전으로 만드는게 좋을까요 아니면 영상에 나온 버전으로 만드는게 좋을까요
안녕하세요. 만약 실습을 진행하신다면 새롭게 바뀐 버전으로 스터디해보시는 것이 어떨까요?
저도 곧 새로운 토스 버전의 Full 튜토리얼을 만들어보려고 합니다.
얼른 제작해서 가져오도록 할게요.
감사합니다. :)
@@figmaMaster 이 컴포넌트의 경우 각각이 토글키로서 기능을 하는데 한번 클릭에 하나의 버튼만 켜지게 하는 기능은 없는건가요? 각각을 토글키로서 만들었을 경우 한번에 여러개가 켜지네요.
혹시 만드신 파일 피그마에서 볼 수는 없을까요? 한번 내용을 직접 보고 다뤄보면서 틀을 잡아보고 싶거든요
안녕하세요! figma 커뮤니티를 통해서 파일을 공유했습니다.
커뮤니티에서 한글로 '기획자'를 검색하시면 이 영상에서 만든 파일을 확인하실 수 있답니다.
감사합니다~
안녕하세요, 해커스 교육그룹 한지예입니다.
저희 팀에서 이번에 피그마 분야 온라인강의를 기획중인데, 선생님께 제안드리고 싶어서 연락드렸습니다.
혹시 관심있으시다면, 답변 부탁드립니다!
감사합니다 :)
안녕하세요! 답메일 드렸습니다. 확인 부탁드릴게요. 감사합니다❤️
혹시 컴포넌트 해제는 어떻게 하나요??
Shots 영상으로 문의주신 내용에 대한 답변을 만들었습니다.
넘 늦은 답변이지만.. ㅠㅠㅠ 시간 되신다면 제 채널의 Shots 영상을 확인해주세요.