Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
00:23 Figma 개발자 도구 둘러보기03:41 VS Code에서 Figma 사용설정06:55 VS Code에서 Figma 사용하는법07:05 VSCode에서 이미지 추출08:35 Rem단위로 실측하기09:11 색상 변수로 정의하기
잘봤습니다. 저는 디자인으로 개발자 모드 궁금하네요. 이미지 추출할때 피그마 디자인파트에 이미지 모두 선택 후 export하면 폴더에 한번에 이미지 저장되네요.
@@donlop21 네 디자인모드면 가능한데 개발자모드는 안되는걸로 알고 있습니다 ^^;; 저는 작업할때 대부분 디자이너분들이 권한을 잘 주지 않아서.. 개별로 하고 있었네요
피그마에서의 개발자 모드가 베타라 서 너무 좋은걸 알고 응원도 하지만...나중에 돈을 내고 사용해야 한다던지할까봐 아쉬워 했는데.. Vs code 가 찐으로 진짜 최고네요..정보 영상 너무 감사합니다 ㅎ
시청해주셔서 감사합니다 ^^
안녕하세요! anima 사용기를 찾다가 여기까지 오게 되었어요. 화면에 보면 리베하얀님도 anima를 설치하신 것 같은데 따로 사용하지 않는 이유가 혹시 있으신가요?
앗.. 답글이 늦어저서 죄송합니다..anima 한번 찾아봤는데 아직 제대로 사용을 안해본것같네요 ㅎㅎai 툴을 참고해서 플젝은 하는데~~ 아직은 서포트의 역할이라고 봅니다.anima는 아니지만 vscode에도 ai툴이 꽤나 있어서 ㅎㅎ.. 참고해보겠습니다.감사합니다~!
@@rebehayan 답변 감사합니다! 🥺
피그마 디자인을 비주얼 코드를 통해 html로 내보내기가 가능한가용?
네 HTML과 CSS로 내보는것은 가능하지만, 추천드리진 않습니다. ^^; 표현은 되지만 UI간의 조화나 확장성에서 많이 부족합니다.Figma자체에서도 HTML, CSS내보내기가 됩니다.감사합니다.
와 대박이네요..
피그마 입문자입니다. 피그마에서도, vs code에서도 유료화 된것 맞죠? ㅠㅠ
네 개발자 모드는 유료화가 되었습니다 ^^;;
혹시 피그마 웹디자인 파일로 코딩을 할때 로고랑 이미지 사진 자르자나요. 코딩해서 결과값이 나왔는데 로고랑 이미지 사진이 깨지거나 좀 다르게 나오면 다르게 저장 하는 방법이 있을까요??
이미지가 깨지신다면 svg로 저장해보세요. (답변이 늦어저서 죄송합니다!)
피그마에서 인터렉션 만든게 스크립트로 짜지나요 ?
네 가능합니다.피그마에서 스크립트 생성은 안되는걸로 알고있고모션을 보고 직접 짜야합니다..
영상 감사합니다. Figma for Android Studio 플러그인도 있나요???
그건 잘 모르겠네요 ^^;
언젠가 피그마에서 퍼블리셔 없이 통 퍼블리싱이 되는 날이 올까요?
마트에 캐셔 줄어들때 남의일인줄 알았는데...퍼블리셔도확줄게생겼네여 ㅠㅠ
조만간 오지 않을까 싶습니다..
언젠간 올거 같네요 ㅎㅎ...이번에 업데이트된걸로 강의하고 있는데.. 손이 확실히 덜가네요;;ㄷㄷㄷ;;
저는 autoHTML 했을때 저 책모양 아이콘이 안나오는데 왜그럴까요? 11:18
저도 안나오네요~
@@토네이도-q5o 패치가 되었습니다. Code 버튼 누르시고 아래 탭메뉴중에 vars.css에 변수가 표현됩니다. 감사합니다.
패치가 되었습니다. Code 버튼 누르시고 아래 탭메뉴중에 vars.css에 변수가 표현됩니다. 감사합니다.
무서운 세상이 왔네요;;;
![[1강] 2013-2024년 네이버블로그 10년 노하우 무료로 풉니다. ( Feat. 리브라/C랭크/다이아/다이아+/스마트블록/CUE )](http://i.ytimg.com/vi/YeU7KNyOWmg/mqdefault.jpg)
00:23 Figma 개발자 도구 둘러보기
03:41 VS Code에서 Figma 사용설정
06:55 VS Code에서 Figma 사용하는법
07:05 VSCode에서 이미지 추출
08:35 Rem단위로 실측하기
09:11 색상 변수로 정의하기
잘봤습니다. 저는 디자인으로 개발자 모드 궁금하네요. 이미지 추출할때 피그마 디자인파트에 이미지 모두 선택 후 export하면 폴더에 한번에 이미지 저장되네요.
@@donlop21 네 디자인모드면 가능한데 개발자모드는 안되는걸로 알고 있습니다 ^^;; 저는 작업할때 대부분 디자이너분들이 권한을 잘 주지 않아서.. 개별로 하고 있었네요
피그마에서의 개발자 모드가 베타라 서 너무 좋은걸 알고 응원도 하지만...나중에 돈을 내고 사용해야 한다던지할까봐 아쉬워 했는데..
Vs code 가 찐으로 진짜 최고네요..
정보 영상 너무 감사합니다 ㅎ
시청해주셔서 감사합니다 ^^
안녕하세요! anima 사용기를 찾다가 여기까지 오게 되었어요. 화면에 보면 리베하얀님도 anima를 설치하신 것 같은데 따로 사용하지 않는 이유가 혹시 있으신가요?
앗.. 답글이 늦어저서 죄송합니다..
anima 한번 찾아봤는데 아직 제대로 사용을 안해본것같네요 ㅎㅎ
ai 툴을 참고해서 플젝은 하는데~~ 아직은 서포트의 역할이라고 봅니다.
anima는 아니지만 vscode에도 ai툴이 꽤나 있어서 ㅎㅎ..
참고해보겠습니다.
감사합니다~!
@@rebehayan 답변 감사합니다! 🥺
피그마 디자인을 비주얼 코드를 통해 html로 내보내기가 가능한가용?
네 HTML과 CSS로 내보는것은 가능하지만, 추천드리진 않습니다. ^^; 표현은 되지만 UI간의 조화나 확장성에서 많이 부족합니다.
Figma자체에서도 HTML, CSS내보내기가 됩니다.
감사합니다.
와 대박이네요..
피그마 입문자입니다. 피그마에서도, vs code에서도 유료화 된것 맞죠? ㅠㅠ
네 개발자 모드는 유료화가 되었습니다 ^^;;
혹시 피그마 웹디자인 파일로 코딩을 할때 로고랑 이미지 사진 자르자나요. 코딩해서 결과값이 나왔는데 로고랑 이미지 사진이 깨지거나 좀 다르게 나오면 다르게 저장 하는 방법이 있을까요??
이미지가 깨지신다면 svg로 저장해보세요. (답변이 늦어저서 죄송합니다!)
피그마에서 인터렉션 만든게 스크립트로 짜지나요 ?
네 가능합니다.
피그마에서 스크립트 생성은 안되는걸로 알고있고
모션을 보고 직접 짜야합니다..
영상 감사합니다. Figma for Android Studio 플러그인도 있나요???
그건 잘 모르겠네요 ^^;
언젠가 피그마에서 퍼블리셔 없이 통 퍼블리싱이 되는 날이 올까요?
마트에 캐셔 줄어들때 남의일인줄 알았는데...퍼블리셔도확줄게생겼네여 ㅠㅠ
조만간 오지 않을까 싶습니다..
언젠간 올거 같네요 ㅎㅎ...
이번에 업데이트된걸로 강의하고 있는데.. 손이 확실히 덜가네요;;ㄷㄷㄷ;;
저는 autoHTML 했을때 저 책모양 아이콘이 안나오는데 왜그럴까요? 11:18
저도 안나오네요~
@@토네이도-q5o 패치가 되었습니다. Code 버튼 누르시고 아래 탭메뉴중에 vars.css에 변수가 표현됩니다. 감사합니다.
패치가 되었습니다. Code 버튼 누르시고 아래 탭메뉴중에 vars.css에 변수가 표현됩니다. 감사합니다.
무서운 세상이 왔네요;;;