html / css 기초는 있습니다..

답변이 늦어 죄송합니다말씀하신 수준이면충분히 가능하십니다첫부분이 어려움이 있으실지라도따라하기식으로 하시다보면반복학습이 되어 이해되실 수 있습니다제가 모비일로 답을 드리다보니상세하게 답드리지 못한점 양해부탁드립니다J.영드림

변수 설정 시에 질문입니다.

오상훈/디자인컨버전스학부 상훈님 안녕하세요? 먼저 본 강의를 수강해 주셔서 진심으로 감사드립니다.모바일버전까지는 직접 다 손으로 디자인하고, 해당 수치를 변수로 등록하나요 ?-> 강의 촬영 당시만 해도, 한땀한땀 손으로 다 변수 등록을 했는데요.. 요즘 AI는 Figma디자인이 완성된 상태에서 프레임을 선택하고, "변수등록해" "디자인 스타일 등록해" 라고 요청만 해도 완벽하게 등록을 해버립니다^^!!또한,현재 시점 기준으로 AI는 반응형 코딩을 아주 잘합니다기본 Desktop모드만 Vibe Coding시켜도 알아서 척척 반응형까지 완성합니다.하지만 여기에는 디자인마다 차이가 있는데요..AI는 Grid레이아웃이나, Flex레이아웃은 아주 아주 잘 만들지만말씀하신 부분처럼 position을 사용한 디자인의 경우 제대로 구현을 하지 못해일일이 위치를 찍어가며 수정이 필요합니다.AI가 갈수록 발전해서 하루하루 달라지고 있긴 하지만postion을 사용한 디자인의 경우 높이 값도 상실되고, 브라우저 너비에 따라 위칫값이 유동적이기 때문에 아직은 AI가 제대로 구현하지 못하는 것이 현실이기에 이부분은 직접 사용자의 개입이 필요합니다.궁금하신 점이 해소되셨을까요?^^또 열공하시고 궁금하신점 있으시면 언제든 질문주세요감사합니다.오늘 하루도 좋은 하루되세요^^J.영드림

figma 파일을 받을 수가 없어요

안녕하세요? 허영덕님자료 잘 받으셨지요?강의 들으시다가 궁금하신 점 있으시면 질문주세요~~화이팅하세요^^J.영드림

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

JJJ님 안녕하세요? J.영입니다.본강의는 총 1차부터 3차까지 진행하고 있는데요~~1차강의는 Cursor 유료로 진행했습니다.2차강의는 Antigravity 무료와 Claude 유료로 진행했습니다.MCP를 연결해서 사용하는 방법외에는 에이전트 사용법은 모두 같으니굳이 Cursor가 아녀도 Claude를 유료로 결제하시면되구요..연습용으로 Antigravity 무료로 먼저 사용해보시고, Claude를 결제하셔도 좋을 것 같아요~~(2차 강의에 Antigravity와 Claude MCP 연결하는 부분도 올려드렸습니다)Figma는 베리어블 등록때문에 유료 결제가 되어야하는데..tokens.json파일을 따로 제공했으니 변수 등록때문에 Figma를 유료로 결제하실 필요는 없을 것 같습니다요즘은 AI가 변수등록도 다 해주니까...굳이 힘들게 일일이 변수 등록도 할 필요가 없어졌어요 ㅎ이내용 관련해서도 추후에 강의 업데이트 예정에 있습니다.그럼 열공하시고 궁금하신점 있으시면 언제든 질문 주세요^^감사합니다 .J.영드림

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

안녕하세요?prayforyooh님답이 늦어 죄송합니다(제가 지방에 내려와서요~^^) 5강은 피그마 autolayout기초 강의는 따라하시면서 학습하시는거라따로 결과물은 없습니다필요하시면 jjjh523@nate.com으로 메일 주시면 보내드리겠습니다감사합니다 J.영드림

노션에 20.Contact가 없어요

안녕하세요? 김가희님본 강의를 수강해주셔서 감사드립니다.컨텍에 관한 자료는 영상만 보셔도 충분하시리라 생각되어서 작성하지 않았습니다혼선을 드려 죄송합니다.일단 노션자료에 19~20강의로 타이틀을 수정하였어요^^자료가 없으셔서 불편하시다면 다시 말씀해주세요^^보완해서 올리도록 하겠습니다감사합니다.오늘도 좋은 하루 되세요^^J.영드림

Json 플러그인 사용시 variable collection 없음

아 혜령님~피그마 파일을 Duplicate to your drafts로 복제하여 가져가셨을까요?저도 혜령님과 같은 상황을 연출해 봐야, 문제점을 찾을 수 있을것 같아요ㅜ지금 상황에서 저는 모든것이 잘 보이는 상황이라서요...답변주시면 문제해결점을 찾아보도록 하겠습니다.감사합니다.J.영드림

배리어블 목록 없음

혜령님 안녕하세요?혜령님 질문주셔서 정말 감사드려요~~혜령님 말씀대로 이제는 복사해서 붙여넣기하면 안되도록 정책이 바꼈네요 ㅜㅜㅜ여러방법으로 테스트해본 결과~~아래 이미지처럼 Duplicat to your drafts로 해서 가져가시면 베리어블 등록한것도 다 보이네요~~~이렇게 가져가셔서 테스트 해보시고 또 안되시면 질문주세요^^감사드려요~~(사진)~

Token 등록 방법 문의

안녕하세요? 혜령님좋은 질문 감사드립니다.결론부터 말씀드리면,강의 방식(TypeA)과 Primitive/Semantic 방식(TypeB)은 서로 틀린 것이 아니라 목적이 다른 구조입니다.본 강의에서는 요소를 기준으로 값을 쪼개는 방식(TypeA)을 사용했습니다. AI가 디자인 구조를 헷갈리지 않고 정확하게 읽도록 만들기 위함입니다.예를 들어section-padding-top = 20section-padding-bottom = 10이렇게 정의하면AI 입장에서는 “이 값이 어디에 쓰이는지”를 바로 이해할 수 있어서구현 정확도가 높아집니다.반면에 실무 디자인 시스템에서는 보통 Primitive + Semantic 구조(TypeB)를 많이 사용합니다.Primitivespacing-10 = 10pxspacing-20 = 20pxSemanticsection-padding-top = spacing-20section-padding-bottom = spacing-10이 방식은 값 재사용, 유지보수, 확장성에 더 유리해서실제 실무에서는 보통 이렇게 많이 사용하기도하는데요 둘 중 하나가 정답이 아니라, 상황에 따라 선택하거나 혼합해서 사용하는 것이 가장 좋은 방법이라 생각됩니다감사합니다^^J.영드림

배리어블 목록 없음

안녕하세요? 김혜령님먼저 본 강의를 수강해 주셔서 깊은 감사드립니다.베리어블은 2번째 page를 선택하시고, variables오른쪽에 버튼을 클릭하셔서 responsive를 선택하시면 됩니다.(사진)함 살펴보시고 여전히 안보이신다면 다시 질문주시면 감사하겠습니다.오늘도 좋은하루 되세요^^J.영드림