{ Part 3 보충 자료 designer-story.tistory.com/21 } 최근 개설한 연정's figma 블로그에 figma 관련하여 열심히 업데이트 중입니다. 내용은 계속 보충 또는 개선 될거 같아요. 어제는 티스토리 블로그 자체의 버그때문에 CSS 편집을 새벽 5시까지 했었습니다 ㅋㅋ 블로그를 보다가 화면이 깨져 있었다면 이 부분 양해 부탁드립니다. 보통 새벽에 작업을 하다보니 저 자신의 버그도 발견을.. (오타 제조기) / 부디 이번 태풍이 무사히 지나가길~ 좋은 하루 되세요!! 아 그리고!! 어제 8월 27일 드디어 구독자가 1,000명을 넘어섰어요. 유튜브 시작 당시 처음 목표가 100명이었는데 1,000명이 되어 10,000명 같은 1,000명의 느낌입니다.. 초심을 잃지 않고 여러분께 도움이 되는 영상으로 찾아뵐게요~
연정's Figma 블로그 주소 : designer-story.tistory.com/21 [영상 목차] 00:00 Intro 00:50 Section1 - Version History(버전관리 기능, 유료버전 기능, 계정 생성후 한달간 무료) 02:01 Section2 - 컬러 시스템 구축이 필요한 이유 03:20 Section3 - Local Styles을 활용한 컬러 시스템 구축 {Color} 05:13 Section4 - Section 4 컬러 외 가능한 스타일링 1 {Text, Effect} 06:14 Section5 - Section 4 컬러 외 가능한 스타일링 2 {Layout Grid} Figma Desktop App을 사용하면, 여러 개의 파일을 열고 작업을 할 수 있기 때문에 1개 이상의 파일에 대해 편집 시 편리합니다. Web 버전 figma의 경우 이미 연 파일에서 다른 파일로 전환 시 번거로운 부분이 있어서 APP에서 작업하는 것을 선호하는 편입니다. (Figma App 다운로드: www.figma.com/downloads/) - 연관 링크 *figma에 의한 디자인 시스템 구축 사례 및 개념 정의: designer-story.tistory.com/14 *Figma 파일을 내 계정의 문서로 복제하는 방법: designer-story.tistory.com/15 1) 피그마 기초 강좌 - Part1 - ruclips.net/video/GsZk8s5JdWg/видео.html 2) 피그마 기초 강좌 - Part2 - ruclips.net/video/4_WS782s96c/видео.html
안녕하세요! 피그마를 공부하고 있는 주니어 디자이너입니다. 버전관리 관련해서 궁금한 사항이 있어서 댓글로 문의 드립니다 ! 시안을 수정했을 때, 어느 부분이 변경되었는지 알려주는 기능이나 플러그인(?)도 혹시 있을까요? 아니면 버전관리에서 일일히 눈으로 확인하며, 코멘트 기능으로 일일히 표기해야하는지 궁금합니다!
넵 수동입니다. 코멘트로 남길 경우, 확인도 입력도 그리고 이슈 추적하기가 여러모로 디자이너 & PM & 개발자 모두 번거롭기 때문에 수정된 부분에 대해 시안별로 텍스트를 입력하여 별도로 표시하고 있습니다. 코멘트 기능은 변경된 시안에 대해 피드백을 주고 받을 때 사용하고 있어요. (문구 변경, 아이디어 제안)
![[피그마] 디자인 시스템 구축과 재사용을 위한 Component(컴포넌트)와 Instance(인스턴스)](/img/1.gif)
{ Part 3 보충 자료 designer-story.tistory.com/21 } 최근 개설한 연정's figma 블로그에 figma 관련하여 열심히 업데이트 중입니다. 내용은 계속 보충 또는 개선 될거 같아요. 어제는 티스토리 블로그 자체의 버그때문에 CSS 편집을 새벽 5시까지 했었습니다 ㅋㅋ 블로그를 보다가 화면이 깨져 있었다면 이 부분 양해 부탁드립니다. 보통 새벽에 작업을 하다보니 저 자신의 버그도 발견을.. (오타 제조기) / 부디 이번 태풍이 무사히 지나가길~ 좋은 하루 되세요!! 아 그리고!! 어제 8월 27일 드디어 구독자가 1,000명을 넘어섰어요. 유튜브 시작 당시 처음 목표가 100명이었는데 1,000명이 되어 10,000명 같은 1,000명의 느낌입니다.. 초심을 잃지 않고 여러분께 도움이 되는 영상으로 찾아뵐게요~
정말 감사합니다 선생님! xd와 달리 피그마는 이렇게 잘 정리된 강좌가 유튜브에 없어서 고민이었는데, 정말 큰 도움을 받고 있습니다! 도움받은 만큼 멋진 앱을 만들고 싶습니다^_^!!
@@전은지-d8x ㅎㅎ 저도 실무를 하고 있다보니 실무자 입장에서 도움될 만한 팁 위주로 만들고 있어용 ~ 팁의 아직 반도 방출 못했네용 ㅎㅎ 잘잘탱님도 화이팅 !!
강의볼때 편하게 따라해볼수있게 영상에서 똑같이 할수있는 자료가 있으면 좋겠어요
이론적인 내용들과 유용한 사이트들 관련 링크가 있는 블로그 내용도 너무 알차서 잘 봤습니다. 감사합니다 !
version history 단축키 한참누르는데 안떠서 살펴보다가 바뀐걸 발견했어요. 강의보시는 분들께 공유드려요. 현재는 단축키 ctrl + alt + s 입니다~
연정님 강의 덕분에 피그마 잘 따라하고있어요!ㅎㅎ 감사해요 :)
2021년에는 맥 사용자 분들은 cmd + alt + S 입니다!
감사합니다~!
디자인 공부에 정말 도움이 많이 됩니다. 꾸준하게 올려주심에 감사드립니다🙇♂️
뭔가 따라하는 영상이 아니라 시청하면서 정보를 얻는 영상이네요!
따라하려고 준비했다가, 끝까지 정독하고 많이 배워갑니다 :)
수강완료!
와.. 딱 알아야하는것들만 챡챡 알려주시는 느낌 감사합니다!
이번 영상도 정말 많이 도움되네요 ㅎㅎㅎ 특히 컬러 시스템 구축이 필요한 이유와
primary로 적용된 모든 에셋들이 일괄 변경되는게 정말 인상적이네요 !!
올려주시는 강좌 올려주실때마다 매일 보면서 하나씩 알아가네요 ㅎㅎ 이번 영상도 감사합니다 :)
figma의 진정한 매력은 여기서 부터죵 ㅎㅎ
designer-story.tistory.com/17 블로그에 남기신 질문에 대한 답변 여기에 공유하였습니다.
연정's Figma 블로그 주소 : designer-story.tistory.com/21
[영상 목차]
00:00 Intro
00:50 Section1 - Version History(버전관리 기능, 유료버전 기능, 계정 생성후 한달간 무료)
02:01 Section2 - 컬러 시스템 구축이 필요한 이유
03:20 Section3 - Local Styles을 활용한 컬러 시스템 구축 {Color}
05:13 Section4 - Section 4 컬러 외 가능한 스타일링 1 {Text, Effect}
06:14 Section5 - Section 4 컬러 외 가능한 스타일링 2 {Layout Grid}
Figma Desktop App을 사용하면, 여러 개의 파일을 열고 작업을 할 수 있기 때문에 1개 이상의 파일에 대해 편집 시 편리합니다. Web 버전 figma의 경우 이미 연 파일에서 다른 파일로 전환 시 번거로운 부분이 있어서 APP에서 작업하는 것을 선호하는 편입니다. (Figma App 다운로드: www.figma.com/downloads/)
- 연관 링크
*figma에 의한 디자인 시스템 구축 사례 및 개념 정의: designer-story.tistory.com/14
*Figma 파일을 내 계정의 문서로 복제하는 방법: designer-story.tistory.com/15
1) 피그마 기초 강좌 - Part1 - ruclips.net/video/GsZk8s5JdWg/видео.html
2) 피그마 기초 강좌 - Part2 - ruclips.net/video/4_WS782s96c/видео.html
피그마 공부중인데 연정님 영상이 정말 많이 도움이 되네요!
도움이 되었다니 기쁘네요~~ ^^b
좋아요 100번 누르고 싶네요 감사합니다!
연정님 질문이 있어요, 피그마에서 한글은 글자 기울이기가 안 되던데 어떻게 하면 기울일 수 있는지 궁금해요
갑자기 의미론적컬러..
프라이머리컬러는 무슨의미인지..,
시멘틱(의미론적) 네이밍이라고 하셨는데요 까지 네이밍하고서 다른컬러로 교체할때는 네이밍과 다른 투명도값이 들어가는데 문제가 있는거 같습니다. 네이밍 자체가 고정값이 되어 버렸어요.
저는 웹에서 열어서 같이 보고 있는데 버전 히스토리 패널이 어디있는지 안보여요 ㅠㅠ
연정님 이번영상도 도움 많이됬어요! 피그마가 재밌어지고있는 요즘입니다 하핳
맞아요~~ 알면 알 수록 매력적인 툴!! ♡
누나 감사해여
어머 감사해요 ㅎㅎ
안녕하세요 열혈 팬입니다! 버전관리 단축키 옵션 커맨드 S 인데 옵션 쉬프트 S라고 나와있어요 ㅠㅠ 수정 부탁드립니다!
앗 그랬군요. !! 아쉽게도 한 번 올린 영상은 수정이 안되요. ㅜㅡ 다른분들도 윤희님 코멘트 참고해 주세요~
차분한 목소리 때문에 쏙쏙 이해되네요!
혹시, 이미 적용된 스타일의 모든 폰트 페이스를 한 번에 바꿀 수 있는 방법은 없나요?
음 글쎄요.. 제가 아는 방법안에선 없습니다. 혹시 알게되시면 공유 부탁드려요~~ 있다면 너무 좋을 듯 ㅎㅎ 혹시 플러그인이 있는지 찾아봐야 겠네요. 저도 알게되면 여기에 답변 남기겠습니다 ㅎㅎ
@@yeonjung-figma 해당 페이지에서 바꾸고 싶은 폰트를 클릭한 다음, Edit > Select All with Same Font 클릭한 후 변경하면 일괄적으로 변경되네요!
오웅 완전 꿀팁!!!
안녕하세요! 피그마를 공부하고 있는 주니어 디자이너입니다.
버전관리 관련해서 궁금한 사항이 있어서 댓글로 문의 드립니다 !
시안을 수정했을 때, 어느 부분이 변경되었는지 알려주는 기능이나 플러그인(?)도 혹시 있을까요?
아니면 버전관리에서 일일히 눈으로 확인하며, 코멘트 기능으로 일일히 표기해야하는지 궁금합니다!
넵 수동입니다. 코멘트로 남길 경우, 확인도 입력도 그리고 이슈 추적하기가 여러모로 디자이너 & PM & 개발자 모두 번거롭기 때문에 수정된 부분에 대해 시안별로 텍스트를 입력하여 별도로 표시하고 있습니다.
코멘트 기능은 변경된 시안에 대해 피드백을 주고 받을 때 사용하고 있어요. (문구 변경, 아이디어 제안)
빠른 답변 감사드립니다 💗 편안한 밤 보내세요! 감사합니다!!
눈물난다 ㅜㅜ 감사합니다
저는 grid styles를 등록했는데 새로 만든 프레임에서 찾으려고 하면 안뜨네요 그대로 따라했는데 왜 그런걸까요?ㅜㅜ
복습을 위해 다시 한번 차근 차근 처음부터 따라해보시면 어떨까요? ㅎㅎ 반응형 layout 관련 영상을 참고하시면 좀더 자세히 설명이 되어 있습니다. 참고 영상 링크: ruclips.net/video/RqDdSn9yuWI/видео.html
저도 등록이 안되네요 ㅠ_ㅠ..왜일까요