텍스트 베리어블 오류 문제

질문과 답변을 모두 자세히 적어주셔서 감사합니다. 보내주신 이미지처럼 밑줄이 그어진 경우, 이는 로컬 베리어블에 저장된 텍스트 값을 찾을 수 없을 때 발생하는 오류로 보시면 됩니다. 제가 최근 경험한 사례 중에는, 보내주신 사례 처럼 베리어블 이름이 다를 경우도 있었으며, 다른 문제도 있었습니다. 예를 들어 Primitive에서 Sans에 Roboto를 사용했을 때는 문제가 없었습니다. Roboto는 일반적으로 모든 두께를 지원하기 때문입니다. 하지만 모드에서 다른 폰트로 변경했을 때, 해당 폰트가 특정 두께만 지원하면 지원되지 않는 두께가 밑줄이 그어지는 오류로 나타날 수 있습니다. 이처럼 지원되지 않는 폰트 속성이 있을 경우 밑줄이 표시되니 참고 부탁드립니다. 감사합니다! 😊

대시보드, 차트 디자인 같은 부분도 다뤄주시면 좋겠어요!

안녕하세요, 정은희님 좋은 제안 해주셔서 감사합니다. 대시보드나 차트에 대해서도 다루면 정말 좋을 것 같습니다. 하지만 단순히 차트를 그리는 것이 아니라, 어떤 요소를 고려해야 하는지, 데이터를 효과적으로 표현하기 위한 적절한 차트 유형은 무엇인지, 색상과 라벨을 어떻게 활용하면 좋은지 등에 대해 좀 더 깊이 있게 접근하는 것이 좋겠다는 생각이 듭니다. 이 부분은 오히려 새로운 강의로 구성해보는 것도 좋은 방법일 것 같습니다. 저 역시 B2B 데이터 분야에서 약 4년간 일하면서 데이터 중심의 대시보드/차트를 많이 다루어 왔습니다. 믹스패널, AWS 퀵사이트로 데이터를 직접 다루고 시각화하는 경험도 있었는데, 이를 바탕으로 어떻게 하면 효과적으로 전달할 수 있을지 고민해보고 준비해보겠습니다. 어설픈 데이터, 대시보드 강의보다는 정말 도움이 되는 깊이 있는 내용을 제공하는 것이 중요하다고 생각합니다. 추가적으로, 제가 참고했던 B2B 대시보드 차트 디자인 시스템 중 WHO에서 만든 데이터 디자인 시스템이 있습니다. 이 시스템은 단순한 데이터 시각화에 그치지 않고 용어 정리부터 표현 방식까지 체계적으로 정리되어 있어 많은 도움이 되었습니다. 특히 데이터 과학자 및 엔지니어와 협업할 때도 유용했던 자료였습니다.https://apps.who.int/gho/data/design-language/design-system/ 다시 한번 제안 감사드리며, 더 나은 강의를 준비해보겠습니다!볼드 드림.

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으로 파일 공유해주시면 제가 자세한 도움 드리도록 하겠습니다. 감사합니다.