묻고 답해요
152만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
순위 정보를
불러오고 있어요
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
버튼 미작동
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요.배리어블 인터페이스와 친해지기 편의 6:07분에서 '리네임' 버튼을 눌러도 이름 변경이 되지 않아요 이유가 뭘까요?이미지: 제 컴퓨터 상황 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
버튼 컴포넌트에서 불린프로퍼티 아이콘이 안 보입니다.
버튼 컴포넌트에서 불린 프로퍼티를 넣으려고 하는데요, appearance에서 눈 옆에 육각형 아이콘이 안 보입니다. 안 보이는 이유가 뭘까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
컴포넌트 파일에 파운데이션 라이브러리가 연결이 안됩니다!
말씀해주신대로, 파운데이션 파일에서 라이브러리 publish 한 후, 컴포넌트 파일에서 add to file을 했는데 베리어블과 local style에 파운데이션이 뜨지 않습니다!제가 어떤 부분을 누락한 걸까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
네비게이션 탭 강의에서의 질문
강의 10분 정도의 내용입니다.아래 컴포넌트에서 Tabs를 fixed로 Tabs item들을 fill로 설정하니 인스턴스에서 전체적으로 간격이 잘 유지 되면서 탭바가 늘어나고 줄어듭니다.그런데 길이가 다른 데이터를 넣으니 저렇게 간격유지를 못하고 틀어지는데 어떻게 해야하나요?Tabs와 Tabs item을 둘 다 hug로 설정하면 데이터를 넣어도 간격유지가 잘되며 늘어나지만 그 후 탭바를 전체적으로 늘리고 줄이는게 안됩니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
상태칩 강의에서의 질문
볼드님 상태칩을 만들때아이콘을 끄고 켤 때 텍스트와 버튼의 앞 뒤 간격이 달라지는데 이건 어떻게 해결해야하나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Print variables 대체 플러그인 없을까요?
플러그인이 강의에 나온 버전보다 업데이트 되었는지 아래 사진처럼 출력이 됩니다.갠적으로 컬러 크기가 Description 폰트에 비해 너무 크고 세로로 1자 형태로 배열되니까 보기 불편하다고 느낍니다!혹시 또 다른 플러그인은 없을까요? 이번 미션은 Print variables로 하겠지만, 추후에는 더 유용한 플러그인을 사용해보고 싶습니다ㅎㅎㅎ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
알림/경고 메세지 만들기 강의에서의 질문
폰트사이즈와 간격 등 모든 사이즈를 다 일정하게 따라했는데 (선생님은 높이값이 72, 저는 80으로 됩니다)아이콘을 추가할때 선생님과 다르게 위치가 지정되는 이유가 무엇일까요?알려주신대로 패딩값을 위아래 16으로 주면서도앞의 아이콘은 타이틀 상단 기준으로 위치하게하고Close icon은 중앙에 위치하게 지정하려면 어떻게 해야하나요?이럴땐 앱솔루트 포지션으로 원하는 위치를 지정하면 되나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
셀렉트-파트1 강의에서의 질문
안녕하세요 볼드님강의를 다시한번 재수강 중인데강의대로 실행되지 않는 부분이 있어 질문드립니다.(셀렉트-파트1 강의 6분 31초 부분 입니다)1) 아이콘을 24에서 16으로 줄이는 과정에서 변화가 없는 이유가 무엇일까요?2) 페이지 패널에서 저렇게 체크한 표시처럼 디바이더로 나눌수 있는 방법이 뭔가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
폰트 사이즈에 홀수 (13pt, 11pt, 21pt)는 잘 안쓰나요?
폰트 사이즈 예시에는 모두 짝수 폰트만 있는걸로 보여서 질문드립니다!웹 UI 레퍼런스 찾아보거나(Linear) 디자인 시스템 예시(https://www.remain.co.kr/page/designsystem/font-size.php애플 / https://developer.apple.com/design/human-interface-guidelines/typography) 찾아봤을 때 종종 홀수 폰트들도 봤어서 이게 예외적인 사례인지 아니면 필요하다면 홀수 폰트도 사용해도 되는건지 궁금합니다. 제가 만드는 서비스에선 13pt를 사용하고 있어서.. 자주 사용되는 패턴이 아니라면 짝수로 다 바꿀까 싶어서요!
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
문의드립니다.
안녕하세요!혹시 타이포그래피 베리어블 스타일을 지정했을때 line height를 1.4로 계산해서 지정했는데, 작업하다보니 1.2로 더 줄여야 하는 상황이 생긴다면 디자인 시스템 자체를 바꿔서 1.2로 적용해야하나요? 아니면 해당 작업물만 로컬로 별도 타이포그래피 지정해서 해야할까요?다른 속성값들보다 Line height는 프로젝트 스타일에 따라 스타일로 정해놨어도 값이 조정이 되어야 할때가 발생해서 이런 경우의수는 어떤식으로 대응하는게 좋을지 의견 여쭤보고싶습니다. 베리어블값이 weight나 line height 와 같은 값들을 primitive에 지정해놓고, semantic에서 다양하게 참조해서 쓸 수 있다고 생각해서 확장성이 있는것 같은데, 만약에 로컬 타이포그래피에 베리어블을 참조해놓았고 (heading 4xl는 line height 56이라면) 이 값으로 개발팀에 공유가 됐다면 이후에 line height베리어블 참조값을 50 이렇게 바꿀때 개발팀에 공유를 매번 별도로 해야하는거죠? 마지막으로, color는 로컬 스타일을 지워주셨는데 타이포그래피는 로컬에 베리어블을 다 적용하고 로컬 스타일을 지우지 않는 이유가 무엇인가요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
문의드립니다.
안녕하세요!혹시 타이포그래피 베리어블 스타일을 지정했을때 line height를 1.4로 계산해서 지정했는데, 작업하다보니 1.2로 더 줄여야 하는 상황이 생긴다면 디자인 시스템 자체를 바꿔서 1.2로 적용해야하나요? 아니면 해당 작업물만 로컬로 별도 타이포그래피 지정해서 해야할까요?다른 속성값들보다 Line height는 프로젝트 스타일에 따라 스타일로 정해놨어도 값이 조정이 되어야 할때가 발생해서 이런 경우의수는 어떤식으로 대응하는게 좋을지 의견 여쭤보고싶습니다. 베리어블값이 weight나 line height 와 같은 값들을 primitive에 지정해놓고, semantic에서 다양하게 참조해서 쓸 수 있다고 생각해서 확장성이 있는것 같은데, 만약에 로컬 타이포그래피에 베리어블을 참조해놓았고 (heading 4xl는 line height 56이라면) 이 값으로 개발팀에 공유가 됐다면 이후에 line height베리어블 참조값을 50 이렇게 바꿀때 개발팀에 공유를 매번 별도로 해야하는거죠?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강 이벤트
볼드님 안녕하세요! 설문조사 및 수강평 작성했습니다.제공해주시는 자료는 이메일로 전달해주시는걸까요??
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 scope관련 문의드립니다.
안녕하세요! 혹시 타이포그래피에서 scope을 지정할 때 비슷해보이는 속성들이 목록에 있어 헷갈려서요. string scope의 font family, font weight or style, text content와 상단의 typography 항목들, 그리고 number scope에 있는 text content의 차이가 무엇일까요~?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 토큰 개발팀에서 적용 시 문제 관련해서 질문드립니다!
안녕하세요! 현재 아래와 같이 베리어블을 등록했는데, 개발팀에서 타이포그래피가 정상적으로 적용이 안 되는 것 같다고 하셔서 질문드립니다! 컬러(시맨틱까지)타이포그래피(프리미티브까지 적용 후 스타일에 적용함)간격/패딩 값(시맨틱까지)토큰 스튜디오 사용해서 깃허브에 푸시해 드렸는데, 다른 건 문제 없는데 타이포그래피가 정상적으로 안 뜬다고 하셔서요.다트에 검색하셨을 때 검색이 안 되는 것 같습니다..!여러가지로 시도해 보았지만 제대로 적용이 안 돼서 기존 스타일 사용 시처럼 직접 조합해서 사용하신다고 하셨는데 혹시 제가 뭘 잘못 전달드린 걸까요?플러터로 앱 개발중이라 css는 사용하시지 않으신다고 하셨습니다!등록한 베리어블과 스타일, 토큰 스튜디오에 임포트 한 상태 이미지 첨부합니다! 확인 부탁드립니다. 감사합니다!! !
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
라이브러리 publish 에러 관련
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다. 안녕하세요. 섹션5의 "컴포넌트 만들기전 라이브러리 세팅하기"를 듣고 있습니다.Foundation과 UI Kit을 @boldux에서 가져온뒤에 팀프로젝트를 "Design System"으로 넣어주고첫번째로 Foundation으로 들어가서 publish를 하면 아래와 같이 에러가 발생합니다 Publish를 눌러보면 이 대상들이 안되는거 같습니다. 이대로라도 수업을 듣고 싶어서 UI Kit쪽에서 add까지 했었는데, add는 되는데 아이콘들을 눌러봐도 강의와는 달리 연동이 안되어 있는 상태입니다. 검색을 해봤는데도 달리 답을 찾지 못해서 이렇게 올려봅니다. 저와 같은 분들이 계셨을까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
텍스트 베리어블 오류 문제
텍스트 스타일 베리어블 등록이 첨부이미지 처럼 오류?가 나는데, 제가 텍스트 스타일 등록 내용을 볼드님이랑 다르게 하고 베리어블은 강의 내용대로 따라해서 그런걸까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
AI
안녕하세요, 볼드님 강의 업데이트 해주셔서 정말 감사합니다. 기존 피그마 버전을 사용하고 있는데, 볼드님 강의를 듣는 도 중 AI기능이 쓰는 방식을 배울 수 있었는데요. Ai 기능을 쓰고 싶으면 업데이트를 해야할 것 같아서요 .. 찾아보니 맨 하단에 토글을 켜야 쓸 수 있는 것 같습니다. ㅜㅜ아마 못 쓰는 것이겠죠 ㅜㅜ 방법이 있을지 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
대시보드, 차트 디자인 같은 부분도 다뤄주시면 좋겠어요!
수업 너무 유익하게 잘 듣고 있습니다! Saas에 들어가는 다양한 컴포넌트 만들어볼 수 있어서 정말 유익해요. Saas에서 대시보드나 차트 같은 데이터 시각화 부분도 많이 필요한데, 혹시 강의 주제로 다뤄주실 수 있을지 궁금해서 질문 남깁니다 ! 늘 좋은 강의 감사합니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
수업노트가 나타나지 않아요
수업노트를 확인할수 있는 방법이 있을까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
배리어블 순서 바꿀 때 안바뀌는 오류
배리어블 순서를 바꿀 때 드래그 드랍해도 안 바뀌는건 왜 그런건가요..? ㅠㅠ배리어블 복사하면 순서가 뒤엉켜있는 경우가 너무 많은데 그럴때마다 순서를 바꾸려고 드래그 드랍을 하면 몇개는 바뀌다가 안바뀝니다..배리어블이 너무 많아서 그런건가요? 이럴 때는 어떻게 해야할까요?
주간 인기글
순위 정보를
불러오고 있어요