AI

민지님, 안녕하세요! 피그마 AI의 경우, 일부 사용자에게는 아직 활성화되지 않는 경우가 있는 것 같습니다.이럴 때는 ChatGPT나 일반 이미지 생성 기능을 활용하셔야 할 것 같아요. 저는 강의를 준비하면서 피그마 AI를 사용할 수 있었기에, 추후 도움이 되실 것 같아 시연을 보여드렸습니다. 현재 피그마 AI는 베타 버전이지만, 곧 안정화되면 모든 분들이 사용할 수 있을 것으로 보입니다.저도 AI 기능을 활성화한 후 조금 기다리니 자동으로 적용되었으니, 조금만 더 기다려보시면 좋을 것 같아요! 😊 감사합니다.

수업노트가 나타나지 않아요

우선 혼동을 드려 죄송합니다.강의에서 수업 노트에 배리어블 시트를 포함했다고 말씀드렸는데, 최근 강의 업데이트 과정에서 해당 내용이 삭제된 것 같습니다. 현재 이론 강의는 무료로 오픈되어 있으며, 다음 강의인 [실습✨] 색상 배리어블 등록하기의 수업 노트에서 내용을 확인하실 수 있습니다. 업데이트 과정에서 안내드렸던 글이 지워진 것 같아 다시 한번 죄송합니다.또한, 노션 요약본의 경우 섹션 1의 세 번째 강의에서 언급되어 있으니 참고 부탁드립니다. 궁금한 점이나 어려운 부분이 있으시면 언제든지 편하게 문의 주세요.감사합니다! 😊

배리어블 순서 바꿀 때 안바뀌는 오류

세영님, 안녕하세요! 드래그 앤 드롭이 갑자기 안 되어 당황하셨을 것 같아요. 😥 현재 배리어블 인터페이스에 오류가 있는 것 같아 바로 테스트해봤는데,✅ 하나씩 옮기는 경우는 정상적으로 작동합니다.❌ 하지만 여러 개를 동시에 옮길 때는 기대한 대로(멘탈 모델대로) 동작하지 않는 것 같아요. 예를 들어, 24, 32를 Shift로 선택한 후 48 아래로 드래그 앤 드롭하려고 했는데,👉 24, 32가 이동하는 것이 아니라 순서가 엉뚱하게 바뀌는 문제가 발생하네요.(사진)이러한 이와 유사한 문제는 피그마 커뮤니티에서도 제기되었네요. 이런 문제들은 업데이트가 적용될 때까지 기다려야 할 수도 있을 것 같아요. 도움이 될 수 있는 팁을 드리자면..📌 만약 여러 개의 배리어블을 동시에 이동할 때는 그룹을 활용하는 것도 방법입니다. 저는 이동할 배리어블을 그룹으로 묶은 뒤, 원하는 위치로 옮기고 다시 그룹을 해제하는 방식을 사용하기도 해요. 배리어블은 한 번만 잘 정리해두면 이후에 수정할 일이 많지 않기 때문에, 처음 설정할 때 조금 번거롭더라도 신중하게 정리하는 것이 중요할 것 같습니다. 필요한 부분 있으면 언제든 말씀 주세요!

navbar 인스턴스 selected on/off

위의 힛미님의 질문과 동일하네요.아이콘의 문제가 있는 것 같습니다 면처리를 꼭 해보시기 바랍니다. 계속해서 문제시 알려주세요!

NavBar 인스턴스 컴포넌트 셀렉티드 불린 프로퍼티 ON/OFF 시 아이콘 컬러 변경

안녕하세요, 힛미님. 우선 새해복 많이 받으세요.현재 보내주신 링크로 보았을 경우, 제가 보기에는 아이콘의 문제가 있는 것 같습니다. 반드시 아이콘이 동일하게 면으로 처리 되어있는지 확인해보시기 바랍니다. 만약 동일하게 면으로 처리되지 않는 경우에는 현재 만들어진 상태처럼 되는 경우가 많습니다. 현재 아이콘을 보았을 때 Person의 경우는 면으로 구성되어 있고 하트는 선으로 되어 있는 것 같습니다. 혹시 이 문제가 아니라면 혹시 제 계정에 현재 피그마 파일을 공유해주시면 문제를 더 정확히 진단해서 알려드릴 수 있을 것 같습니다.boldplus.ux@gmail.com 감사합니다.

칩

안녕하세요, 이민지님.설 연휴인데, 새해복 많이 받으세요. 첨부해주신 이미지와 말씀 주신 상황을 고려하면, 아이콘 자체에 문제가 있는 것 같습니다. 제가 이번에 아이콘 강의를 업데이트했으니 한 번 확인해 보시기 바랍니다. 아이콘은 기본적으로 면으로 처리되어야 하는데, 지금처럼 일부만 안 되는 경우는 선으로 처리된 아이콘일 가능성이 높습니다. 또한, 크기가 작아지면서 기존 굵기를 유지하려다 생긴 문제일 수도 있습니다. 섹션 3 [신] 아이콘 등록하는 방법과 팁 영상을 참고하시고, 다시 한번 따라 해 보시길 권장드립니다. 만약 여전히 어려움이 있으시면, 해당 섹션의 수업 노트에 제가 첨부한 아이콘 파일을 활용해 보세요. 감사합니다!볼드 드림.

SelectOption 컴포넌트에서 체크 On/Off

강의에서 체크 박스(아이콘)을 만약에 불린 프로퍼티로 등록하면 만약 불린 프로피터를 OFF상태로 해놓은다면컴포넌트 세트 안의 모든 체크박스가 꺼집니다.근데, 저희가 만들고 싶은 건 isSelected에서는 ON일 때는 체크 박스가 있고, isSelected가 OFF일 때는 체크박스가 꺼져 있어야겠죠. 이 경우는 불린 프로퍼티 보다는 베리언츠 프로퍼티가 맞습니다. 동시에 다 켜졌다가 꺼지는 대표적인 예시는 이전 시간에 배운 버튼 만드실 때, Leadning icon, Trailing icon이 대표적입니다. 만약에 프로퍼티에서 Leading icon의 불린 프로퍼티 값을 "OFF/False"를 하면 모든 컴포넌트 세트안에 있는 Leading icon이 모두 다 사라지겠죠. 반대로 ON/True이면 다 켜질 거구요. 그래서 정리하자면, 불린 프로퍼티는 적용된 모든 것을 (동시에) 껐다 킨다.반면 베리언츠 프로퍼티를 등록해서 만들면 강제로 나누어서 몇몇 베리언츠는 끄고 다른 베리언츠는 킬 수 있게 할 수 있다. 라고 생각하시면 됩니다. 저의 설명이 개념을 이해하시는데, 도움이 되셨으면 좋겠습니다. 궁금한 사항 있으시면 언제든지 질문 주세요. 귀한 질문 감사드립니다.!!

Component group 이름에 접두사로 part/를 붙이면 왜 검색이 안되나요 ?

정은희 님 안녕하세요. 검색하다가 갑자기 안보이셔서 당황하셨겠어요. 제가 보기에는 "/"가 붙으면 하위 그룹으로 내려가게 되면서 못 찾게 된 상황이 아닌가 싶습니다. 예를 들어, 제 강의에서 Text area를 만드신다면, 먼저 Text area placeholder를 파트에다가 담아두는데요.이 경우 위치를 보시면Input Component(페이지 이름)/Text area(섹션)/Part(파트 그룹)/Text area placeholder가 됩니다. 그리고 반면 Text area를 Text area(섹션) 안에 다가 만드시면 아래와 같이 만들어 딥니다.Input Component(페이지 이름)/Text area(섹션)/Text area 아마 검색시 아래에 있어서 놓치신게 아닌가 짐작해봅니다.혹시 이 문제가 아니라면 답변 주시고, boldplus.ux@gmail.com으로 파일 공유해주시면 제가 자세한 도움 드리도록 하겠습니다. 감사합니다.

반응형 디자인 만들기 -> imagePlaceholder 배리어블

원지님 안녕하세요!이런 경우에는 이미지 플레이스 홀더(ImagePlaceholder)가 현재 Base Card의 불린프로퍼티로 사용되어서 안되는 것 같습니다. 이런 경우에는 두가지 방법이 있습니다. 1. Basecards- 레이어 패널에서 이미지 플레이스(ImagePlaceholder) 상위 레이어인 base card를 선택합니다. - base card 인스턴스 패널창에서 빨간색 부분을 호버하시면 베리어블 적용하기(Apply variable/property)가 뜰거에요.(사진)- 이걸 누르시고 원하시는 베리어블을 선택하시면 됩니다. - 그러면 Mode에 따라서 이미지 플레이스 홀더가 바뀔 것입니다.2. Learning cards이 경우는 위와 동일하지만, 만약 Learning cards에서 base card에 있는 프로퍼티를 가지고 온 경우(Expose Nested Instance from...)- 레이어 패널에서 이미지 플레이스 최상위 레이어인 Learning cards를 선택합니다.- Learning cards 인스턴스 패널창에서 빨간색 부분을 호버하시면 베리어블 적용하기가 나타납니다. (이미지는 위와 동일합니다.)- 이걸 누르시고 원하시는 베리어블 선택하세요.- 위와 동일하게 Mode에 따라 바뀝니다.혹시 위의 방법대로 해보시고 안되시면 boldplus.ux@gmail.com으로 공유해주세요. 제가 도움 드리도록 하겠습니다. 그리고 마지막으로 거의 다 완강하셨네요.🥹 너무 수고 많으셨습니다. 끝까지 파이팅해보아요!!!!

핵심컴포넌트 공유

안녕하세요, gangsugi 님정말 죄송하지만, 핵심 컴포넌트 완성 파일은 공유해드리고 있지 않습니다. 이건 원칙으로 모든 수강생 분들에게 동일하게 적용하고 있습니다. 그 이유는 아래와 같습니다.몇 개 만들어보시면 원리와 패턴을 알게 되십니다.직접 만들어보셔야지 실력이 늡니다. 또한 2월에 강의를 업데이트하면서 참고형으로 볼 수 있는 워크시트를 공유드릴 예정입니다. 또한, 완강하시고 이벤트 참여하시면 인프런 워밍업에서 만든 완성 파일을 참고형으로 공유해드리고 있습니다.또 궁금하신 사항 있으시면 boldplus.ux@gmail.com으로 연락주시기 바랍니다. 감사합니다.