auto layout 뎁스를 많이 넣는 이유?

안녕하세요, migyeong kim님 :)말씀해주신 것처럼 아이콘과 텍스트 정도로 구성된 단순한 버튼이라면 하나의 오토 레이아웃으로 묶어 작업하는 것이 더 효율적입니다.강의에서 오토 레이아웃을 여러 단계로 중첩한 것은 버튼 내부에 요소가 추가되거나, 일부 요소의 정렬·간격·노출 여부가 달라지는 등 컴포넌트가 확장될 가능성을 고려해 구조를 나누어 둔 것에 가깝습니다.다만 실제 작업에서는 확장 가능성이 크지 않은 단순한 UI까지 불필요하게 오토 레이아웃을 여러 번 중첩할 필요는 없습니다. 오히려 구조를 필요한 만큼만 단순하게 구성하는 것이 관리하기도 편하고, 개발자가 Dev Mode나 Inspect 환경에서 디자인 구조를 확인할 때도 이해하기 좋습니다.그리고 Figma에서 오토 레이아웃을 여러 번 중첩했다고 해서 개발에서도 반드시 동일하게 div를 여러 번 감싸야 한다는 의미는 아닙니다. Figma의 레이어 구조는 디자인의 정렬과 제약 조건을 표현하기 위한 것이고, 개발자는 이를 참고해 실제 구현에 필요한 HTML 구조와 CSS를 판단하게 됩니다. 따라서 디자인 단계에서는 개발자가 구조와 의도를 이해할 수 있도록 구성하되, Figma의 레이어와 HTML 구조를 1:1로 맞추는 것까지는 필요하지 않습니다.피그마 강의는 최근 업데이트된 기능들을 반영해서, 디자이너와 개발자의 협업 관점에서 함께 참고할 수 있는 내용으로 새롭게 제작할 예정입니다. 아직 정확한 오픈 일정은 정해지지 않았지만 기존 강의보다 현재의 실무 환경에 맞는 내용으로 준비해보려고 합니다.GSAP 강의도 원래 올해 오픈을 목표로 하고 있었는데, 최근 오프라인 강의 일정이 많아지면서 조금 더 늦어질 것 같습니다. 저도 GSAP이 무료로 공개된 만큼 예전보다 훨씬 다양한 기능과 사례를 부담 없이 다룰 수 있게 되어 기대하고 있습니다. :)강의를 꾸준히 시청해주시고 다음 강의까지 기다려주셔서 정말 감사합니다!

토큰 추출을 베리어블+AI 활용 vs 토큰 스튜디오 차이

안녕하세요! 류지25님 :)최근 AI가 디자인 시스템 구축 과정에 많이 활용되면서 Tokens Studio를 반드시 사용해야 하는 것은 맞지 않습니다. Figma Variables만으로도 컬러, 타이포그래피, 스페이싱 등의 토큰을 구성할 수 있고, AI를 활용하면 토큰의 생성이나 구조 설계도 훨씬 빠르게 할 수 있습니다.다만 Tokens Studio의 역할이 AI로 완전히 대체됐다고 보기는 어렵습니다. 차이는 주로 토큰의 생성보다 관리와 확장에서 나타납니다.Figma Variables는 Figma 안에서 디자인 토큰을 만들고 UI에 적용하기에는 굉장히 편리합니다. 반면 Tokens Studio는 Primitive → Semantic 같은 토큰 간 참조 관계, 여러 Theme이나 Brand 관리, JSON/Git 기반 버전 관리, 개발 환경과의 동기화처럼 규모가 큰 디자인 시스템을 운영할 때 더 강점이 있습니다.(제가 영상에서는 토큰 스튜디오를 사용해 토큰을 생성하는것만 보여드렸지만 현 시점에서 토큰스튜디오는 기능이 많아져서 토큰을 관리하는 스튜디오 플랫폼이 생겼습니다. 해당 링크에서 영상 한번 보고 오시면 바로 이해가 되실겁니다)https://tokens.studio/studio-platform그래서 저는 보통 이렇게 구분해서 보고 있습니다.Figma Variables + AI→ 빠르게 토큰을 만들고 Figma 중심으로 사용하는 경우Tokens Studio + AI→ 토큰을 체계적으로 관리하고 디자인과 개발 환경까지 연결해야 하는 경우실무에서도 프로젝트 규모와 협업 방식에 따라 선택이 달라질 수 있습니다. 작은 프로젝트라면 Figma Variables만으로도 충분한 경우가 많고, 여러 서비스·브랜드를 운영하거나 개발팀과 토큰을 지속적으로 동기화해야 한다면 Tokens Studio의 장점이 훨씬 커집니다.결국 AI가 Tokens Studio를 대체했다기보다는, AI가 토큰을 만드는 과정을 크게 단축시켰고 Tokens Studio는 그 토큰을 어떻게 관리하고 운영할 것인가에 좀 더 가까운 도구라고 이해하시면 좋을 것 같습니다!

PPT 제작 시 실제와 강의 내용 차이 문의

안녕하세요 kangdh777님 :)답변이 늦어져서 죄송합니다.강의에서 설명한 스킬은 claude-code 스킬이고, 이전에는 claude-design에 claude-skill을 추가하는게 가능했습니다. 하지만, 업데이트 이후에는 두개의 스킬을 분리하고 있기 때문에 위와 같은 문제가 발생한 것 같습니다. 이런 경우, 스킬을 먼저 입혀 작업을 하신 후 디자인 시스템을 입혀서 추가적인 디자인 작업을 진행을 해주시면 됩니다! 감사합니다 :)

디자인 시스템 강의 질문

안녕하세요 나유진님 :)해당 강의는 아직 올라가지 않았습니다! 여러가지 테스트를 하고 있는 중이라, 이번 주 안으로 올라갈 예정입니다. 강의가 올라가면 새소식에 한번 더 안내 드리도록 하겠습니다.감사합니다 :)

템플릿 생성

안녕하세요 나유진님 :)ui가 업데이트가 되면서 템플릿을 직접 선택하는 부분은 일시적으로 제거가 된 것 같습니다.template를 새로 추가할 수 있는 버튼은 사라졌지만 기존의 template info에서 다른 template를 생성하는 기능은 있기 때문에, 기존의 template 내용을 수정해 새로운 내용으로 반영하는 방법을 사용해야할 것 같습니다. (아마 다시 곧 추가되지 않을까 합니다.)클로드 디자인은 계속 수정이 일어나는 과도기 단계이기 때문에 지속적으로 업데이트가 발생하게 됩니다.(사진)감사합니다 :)

클로드 디자인 안에서 프롬프트 작성시?

안녕하세요 마스터코드님 :)클로드 디자인에서 간단한 내용을 수정하는 부분 (ex. comment와 edit 사용)은 토큰을 많이 소모하지 않습니다. 다만 새로운 작업물을 생성해낼 때 토큰의 소모가 많이 되고, 이어 디자인 시스템까지 연결되어 있다면 시스템을 이해해 그림을 그려야 하기 때문에 토큰이 좀 더 많이 소모됩니다. 디자인 시스템도 고도화가 많이 되어 있을수록 (정해진게 많고 가져다 쓰는게 많아야 할 수록) 토큰을 많이 소모하게 됩니다.감사합니다 :)

디자인 시스템 관련 질문드립니다!

안녕하세요 마스터코드님 :)DESIGN.MD파일을 사용하는 방법은 많은 분들이 궁금해 하실 것 같아 따로 강의를 하나 찍어드리겠습니다.영상을 올린 후 다시 댓글을 달아 드리겠습니다. 좋은 질문 감사드립니다 :)

피그마 스킬설치 강의 중 피그마 디자인 파일 링크 관련 문의

안녕하세요 이후한님 :)피그마 권한 설정이 잘못되어있어서 수정후 반영했습니다! 다시 한번 접속해보시고 그래도 안되시면 댓글 달아주세요.수강중 불편을 드려 죄송합니다 ㅜ.ㅠ감사합니다 :)

윈도우에서는동작줄이기가어디에있을까요??

안녕하세요 JJJ 님 😀 윈도우에서 접근성에 접속하는 방법은 다음과 같습니다.(사진) (사진)아래의 블로그 링크에 잘 정리되어 있으니 한번 확인해보시면 좋을 것 같습니다.https://anchoki.tistory.com/1957감사합니다 :)

borderTransparent를 라이트/다크모드에 이중등록

안녕하세요 hdae님 😀 피그마 네이티브에서 모드를 나눠 작업한 베리어블들은 토큰 스튜디오에서는 모드를 바로 가져올 수 없습니다. 그 기능을 사용하시려면 토큰 스튜디오의 유료 기능인 theme기능을 사용하셔야 됩니다.(해당 영상은 피그마의 variables기능이 나오기 전 버전입니다) 곧 새로운 영상으로 찾아뵙겠습니다.감사합니다 :)