묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강/리뷰 이벤트 후 강의자료
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 안녕하세요!완강 후 리뷰 이벤트까지 하였는데 강의 자료는 어떻게 받을 수 있나요?pmr7348@naver.com 메일 공유드립니다.회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.해당 컴포넌트의 실용성은 '다양한 화면에서 동일한 간격으로 컴포넌트를 사용할 수 있다' 정도일까요?더한다면, 추후 사용하는 Slot 컴포넌트를 활용하기 위함일 것 같은데 제가 현재 Slot 컴포넌트는 활용하고 있지 않아서..궁금한 점이, 만약 버튼의 간격같은 것을 토큰화하여 해당 토큰으로만 사용을 한다면, 버튼 스택 컴포넌트의 활용도가 다소 떨어지게되는 것이 아닌가? 하는 생각에서 볼드 선생님의 의견이 궁금합니다Stack 형태로 여러 컴포넌트를 활용하는 라이브러리들을 봤지만, 결국에는 적절한 수만큼 자유롭게 늘리는것이 어려워서, 처음에는 2개만 쌓아놨다가, 3개, 4개, 드롭다운 메뉴 등에서는 10개 20개까지 늘려버리는 경우를 종종 본 터라, 어떻게 생각하시는지 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
컴포넌트별 베리어블 구축
해당 강의를 듣고 실무에 적용을 해보려고 하고있는데, 진행할수록 단순히color/bg/interacitve/primary와 같은 버튼과 체크박스 등 다양한 곳에 적용할 수 있는 통합(?) 배리어블보다는color/FAB/bg/primary 와 같이 특정 컴포넌트를 위한 배리어블로 세분화를 해야할까? 하는 생각이 종종 들게됩니다예를들어, 일반 CTA버튼(파란색)에서는 color/bg/interacitve/primary와 같은 범용 배리어블을 적용했을 때 문제가 없지만,세그먼트 버튼같은 회색 박스 안에 있는 흰색 버튼에는 해당 배리어블을 활용할 수가 없겠는데..? 하는 생각이 들면서요. 그래서 결국 디자인 라이브러리가 발전하고 배리어블이 성숙해 나가면서부터는 컴포넌트별로 배리어블이 다양해지겠다는 생각이 드는데이에 대해서 어떻게 생각하시는지, 필연적이라고 생각하시는지, 주의할 부분은 없을지 궁금합니다...!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
버튼과 같이 '클릭' 액션이 있는 인터랙티브한 부분에는 bg/interactive 그룹에 있는 컬러를 사용하는 것으로 이해하고있는데Text field의 bg는 그냥 일반형 컬러를 사용하는 것으로 보입니다. 강의상에서 빠른 제작을 위해 시적 허용...? 을 하신 것이죠?실제 현업에서 사용할때는 interactive 컬러와 일반 컬러를 구분해서 사용해줘야할 것 같다는 생각이 드는데, 이것은 제 일차적인 생각이고interactive라는 그룹을 색상 자체가 변동되는 (Hover, Press 액션이 있는) 컬러들의 그룹이라고 가정하면, 해당 텍스트 필드에서는 배경의 변화가 없으니 interactive가 아닌 컬러그룹을 사용하신 것인가? 라는 생각도 듭니다.물론 정답은 없겠고, 사용하려는 방향과 정책에 따라 다들 다르겠지만 강의에서는 어떤 의도로 사용하셨는지가 궁금합니다
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
안녕하세요 강의를 수강하고있는 수강생이자 스타트업 외주제작사의 디자인시스템을 구축중인 인턴입니다.29번 강의에서 강사님께서 공유해주신 아이콘 Union파일을 다운로드 받아 버튼 제작 중이나, 등록한 버튼의 아이콘 인스턴스 스왑의 컬러부분이 컴포넌트 색상과 연동되지않는 문제로 문의드립니다.문제상황: 버튼 컴포넌트를 제작하여1) → Leading Icon인스턴스 스왑을 등록2) Select preferred values (+버튼)을 통해 다른 아이콘을 등록3) 가져온 Union Icon 원본 파일에 제가 제작한 베리어블(Primitive 컬렉션)의 색상을 적용하여4) 제작한 버튼 컴포넌트의 아이콘 역시 Union 아이콘과 일치하는 베리어블(Primitive 컬렉션)를 설정해준뒤, 버튼 컴포넌트와 어울리는 베리어블(Semantic 컬렉션)컬러로 변경하여 베리언츠를 Alt를 활용해 인스턴스를 뽑았습니다.5) 등록한 프로퍼티의 → Leading Icon에서 다른 아이콘으로 변경 시 컴포넌트에 등록된 컬러와 동일한 컬러가 아닌3번에서 적용된 베리어블 색상이 적용되어 출력됩니다. 유사 질문의 답변으로 문제가1. 아이콘 레이어 이름이 반드시 동일해야한다.2. 아이콘 형태가 반드시 동일해야한다.라고 확인했는데, 아이콘 레이어 이름은 반드시 동일함을 이해하고 확인했으나 이상없습니다만,아이콘 형태가 반드시 동일해야한다는 말이 이해되지않습니다.예로, 제가 강사님께서 공유해주신 Icon 컴포넌트 중 Shape 아이콘을 복사하여 버튼 제작을 위해사이즈를 16x16px로 조정하여 버튼 컴포넌트를 제작한 경우 2번째 상황으로 인하여 컬러 연동이 안되는 건지 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
UI Kit에서 배리어블 등록 안되는 문제
안녕하세요, 볼드님. 25강. 컴포넌트 만들기 전 라이브러리 세팅하기 에서 UI Kit 컬러 라이브러리 창에서 보면 저는 볼드님과 다르게 color/text/tertiary가 뜨지 않아요. 또한 color/bg/primary, .Companent/Promary도 뜨지 않습니다. 플러그인에서 Apply variables도 0 variables applied라고 아무 것도 적용되지 않았다고 뜨네요.. 어느 단계에서 잘못된 걸까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
교육용 피그마 계정 문의
제가 개인 계정으로 강의를 듣고 있어서 BoldPlus Foundation 2025 v1의 Asset Publish가 되지 않는거 같아요. 수강생은 교육용 피그마 계정을 받을 수 있을까요?.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
시맨틱 베리어블 등록하고 스타일과 연결하기 수업6:46에 font size에다가 Primitive: Typography에 입력해뒀던거 불러와야하는데, 어쨰서인지, 강의 들으면서 다 만들었는데[Primitive : Typography_font style/normal]만 보이고 나머지 입력해둔 베리어블은 하나도 안보여요ㅠㅠ ㅠ
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요?? 질문을 해놓고 답을 찾은 것 같은데바디의 경우 웨이트를 n개로 나누어놨기때문에, 변수에서 스타일로 끌어다가 쓸 '바디의 웨이트' 가 n개가 필요한 것이고, 때문에 바디 그룹에는 n개의 웨이트가 필요하니 별도로 그룹핑해서 가져다 둔 것이군요감사합니다
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션 6 / 29.Button 강의 질문
안녕하세요 강의를 수강하고있는 수강생입니다.29번 강의에서 -> Leading Icon 제작중에 Instance 속성 넣을 때 아이콘 색이 inverse 색으로 변하지 않습니다. 어떠한 이유 때문인지 궁금합니다.감사합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
67강, 70강, 75강 자료 다운로드
67강, 70강, 75강 자료 다운로드 하면 폴더 만 있거나 내부 ._.DS_Store 파일만 있고... 다른 파일은 없습니다. 자료 파일 다시 확인 부탁드립니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블 이름에 대해 질문드립니다
베리어블의 구조 이름을 살펴보기 강의를 수강중인데요.. 아직 취준생이라 각각의 용어에 대해 두루뭉실하게 넘어가서 이해가 잘 되지 않습니다.질문)1. p는 원시,기본값이라고 했는데 그러면 디폴트 값인가요? 아무것도 설정하지 않았을때의 기본값을 뜻할까요??2.베리어블 이름 구조의 순서가 헷갈립니다.Twillo 디자인 토큰에서 "Variant"에 Primary라고 되어있는데, primary는 Role아닌가요? 3. 지금 이름 짓는 구조를하나하나 의미를 꼼꼼하게 파악하고 가야할지 뒤의 수업을 들으면서 자연스레 익히게 되는지 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
16강 실습 예제 파일 어디있나요
16강 예제 파일이 BOLD PLUS Foundation v2 로 강의 내용이 촬영되었는데 따라하면서 강의 들으려니까 12강 수업자료에서 공유된 예제 가이드는BoldPlus Foundation 2025 v1인데.... v2는 어디있는거에요... 좀 설명이 불친절해요 ㅠㅠ 예제 파일 그대로 보면서 따라하는 형식이 아닌거에요??
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
수업 문의 드립니다
강의 소개 영상을 보니 2023년 버전인 것 같은데현재 25년 12월 기준으로 피그마 업데이트가 많이 진행되어서 지금 수강해도 문제가 없는지 궁금합니다!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[47강] 툴팁 그림자 질문드립니다.
안녕하세요 강의 반복해서 잘 듣고 있습니다.47강 툴팁의 마지막 그림자 부분에 질문이 있습니다. 말씀해주신대로 따라서 진행 했는데, clip content 체크를 해제하면 Above나 Start, end 다 그림자는 잘 보이는데 below 의 글씨 위로 Arrow가 올라옵니다 이럴땐 그냥 clip content 체크, 해제를 Arrow마다 각각 줘도 되는것인지요? below 3개에만 체크해도 되는지 궁금합니다. 감사합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 스타일 질문드립니다.
text를 전체 수정할 때(Family, Weight 등) Batch Styler plugin을 사용해서 들어갔는데, Weight 부분이 저는 클릭이 안됩니다.스페이스를 누르고 하라는 거 같아서 해봤는데 똑같이 적용이 안됩니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강 후 자료
볼드님 강의에서 디자인시스템 구축 내용이 총망라되어있어서 너무 큰 도움이 되었습니다.정성스러운 수강평을 올려보았는데노션파일은 언제쯤 받아볼 수 있을까요.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블에 콜렉션을 추가했음에도 피그마 우측에 스타일이 있는 이유
안녕하세요. 강사님의 강의 보면서 스타일도 추가하고 스타일에 추가한 것들을 베리어블에 옮기는 작업을 하고 있습니다. 궁금한 점은.. 스타일에 굳이 추가하지 않고 바로 베리어블에 콜렉션을 추가해서 신규 베리어블을 추가하는 방법을 쓰는 방법도 있을 것 같거든요.그런데 머티리얼 디자인이나 애플 디자인 시스템 피그마 파일을 열어보면 베리어블에 콜렉션이 있고, 오른쪽 스타일 패널에서도 스타일을 추가한 것을 볼 수가 있어요.. 어차피 베리어블 한가지만 쓸텐데 왜 스타일도 추가가 되어있는지 궁금합니다
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[수업질문] line-height 값에 관하여
안녕하세요 강의를 듣다가 line-height 부분에 대해 궁금한 점이 있어서 글을 남깁니다.수업에서는 PX의 값을 사용하였는데 혹시 %로 작업할 수 있는 방법은 없는것일까요? 피그마에서는 원래 어쩔 수 없는 사항일까요?폰트 종류마다 leading 값이 제각각이라 어떤건 같은 사이즈인 24 이더라도 line-height 값을 26을 주면 다른 결과물이 나오더라고요 퍼블리셔 분께서 line-height: 1.5; 와 같은 값으로 하면 폰트에 상관없이 균등하다고 하시는데 저 값을 입력하면 PX로 인식을 해서 안되던데 방법이 없는지 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
뒷부분 강의 파일이 없는거 같애영
브랜드 구조와 모드를 활용한 통합 브랜드 구현하기 이 부분도 강의 파일이 없어요 ㅠ_ㅠ