예제로 보는 '실무에서 자주 사용하는 피그마 플러그인 Top10!'
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- 안녕하세요
디자이너 디케이의 '디자인 팁' 시리즈 입니다
제가 디자인 공부 및 실무 디자인을 하면서 알게된 유용한 팁들을
여러분들과 공유하고 함께 생각해보고자 만든 영상입니다.
구독 & 좋아요 부탁 드려요 :)
인스타그램 : / imagine_dk
----------------------------------------------------------
#Plugins
1. Unsplash
2. Lorem ipsum
3. Feather icons / Iconify
4. Arrow auto
5. Styler
6. Find & Replace Styles
7. Styles to Variables
8. Variables to Frame
9. Redlines
10. html.to.design
감사합니다. 피그마 공부만 하다 이번에 실무에 처음 적용하게 되었는데 많은 도움 될것 같습니다.
감사합니다🙂
이런 양질의 강의를 무료로 볼 수 있게 해주셔서 감사합니다!!
4:50 Styler
6:27 Find & Replace Styles
global search: 다른 페이지 것도 일괄 변경 가능
9:00 Styles to Variables
10:03 Variables to Frame
베리어블로 등록된 정보들을 실제 피그마 프레임으로 보여줌
11:45 Redlines
디자인의 시안의 정확한 수치 정보들을 쉽게 공유
좋은 시청 감사드려요😍😍
귀한 정보 공유주셔서 감사합니다. Good!!!
👍👍👍
너무 좋은데요~~ 피그마를 맨날 정직하게 쓰다가 느끼는 피로한 점들을 해결하는 플러그인 들이라서 하나씩 써보려합니다. 왜 써야하는지 잘 설명해주셔서 다른 강의도 들어볼께요~~!
감사합니다 😊😊
좋은 정보 알려주셔서 감사합니다! :)
감사합니다 🙂🙂
유용한 정보 감사합니다
html.to.design 사용해보다가 궁금한 점 있어서 댓글 남깁니다.
1. 에플 사이트를 불러와보니 1920w default랑 1920w light가 뜨던데 뭔지 알 수 있을까요?
2. 그리고 1920w default랑 1920w light 각각 오른쪽 옆에 Frame이라고 같은 디자인의 프레임이 생성되서 총 4개 프레임이 생성되더라고요 default,light이랑 frame으로 시작하는 프레임이랑 차이점은 뭔지 알 수 있을까요?
3. 어버버하면서 몇 개 만들다가 알고보니 무료로 10개 정도만 서비스를 제공하는 거 같던데 디자이너 DK님은 유료로 사용하시는 건가요?
안녕하세요. 시청 감사합니다 :)
1. 디폴트, 라이트 그 부분은 사이트 테마 부분입니다. 다크모드, 라이트모드 같은 테마를 어떤걸로 가져올지 선택하는 부분입니다.
2. 이건 가로 폭 관련 내용이 있는 것 보니 반응형디자인으로 추정됩니다. 어떤 사이즈 반응형 디자인을 가져올지 부분인 듯 합니다.
3. 저도 다시 들어가서 플러그인 플랜을 확인해보니 무료로는 30일 동안 10개를 받을 수 있네요;; 저도 무료로 사용 중이예요 ㅎㅎ
우와 감사합니다!
감사합니다🙂
혹시 스타트업 홈페이지 만들어야하는 상황인데! 꿀팁 없을까요?? ㅠㅋ
홈페이지 제작은 워낙 광범위해서 꿀팁이 존재할지는 모르겠네요 ㅜㅜ
프로세스에 잘 맞게 제작하는게 가장 좋은 방법이 아닐까 싶습니다 :)
(기획서가 없다면) 홈페이지 기획안 필요
(기획서가 있다면) 기획서 잘 파악하기
기획을 바탕으로 레퍼런스 수집, 구조 짜보기
자주 사용되는 디자인들 컴포넌트로 만들기
유저플로에 맞는 스크린 ui디자인
이런 프로세스를 잘 짜서 차근차근해나가는게 좋은 홈페이지를 구축하는 좋은 방법이라고 생각합니다.
😀👍👍
😍😍