173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
말씀해주신대로, 파운데이션 파일에서 라이브러리 publish 한 후, 컴포넌트 파일에서 add to file을 했는데 베리어블과 local style에 파운데이션이 뜨지 않습니다! 제가 어떤 부분을 누락한 걸까요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
강의 10분 정도의 내용입니다. 아래 컴포넌트에서 Tabs를 fixed로 Tabs item들을 fill로 설정하니 인스턴스에서 전체적으로 간격이 잘 유지 되면서 탭바가 늘어나고 줄어듭니다. 그런데 길이가 다른 데이터를 넣으니 저렇게 간격유지를 못하고 틀어지는데 어떻게 해야하나요? Tabs와 Tabs item을 둘 다 hug로 설정하면 데이터를 넣어도 간격유지가 잘되며 늘어나지만 그 후 탭바를 전체적으로 늘리고 줄이는게 안됩니다.
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
해당 강의해서 첫 시작 때 frame를 adroid large로 사용하는데 android compact와 android medium은 있는데 large만 없습니다. 어떻게 해야 하나요?
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
[예제 실습] 버튼 컴포넌트의 variants 만들기 강의 8:14초에서 버튼 안에 프레임 생성 후 프로퍼티를 생성하려고 하는데 생성하는 버튼이 안떠서요ㅜ 어떻게 생성하는지 알 수 있을까요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
볼드님 상태칩을 만들때 아이콘을 끄고 켤 때 텍스트와 버튼의 앞 뒤 간격이 달라지는데 이건 어떻게 해결해야하나요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
플러그인이 강의에 나온 버전보다 업데이트 되었는지 아래 사진처럼 출력이 됩니다. 갠적으로 컬러 크기가 Description 폰트에 비해 너무 크고 세로로 1자 형태로 배열되니까 보기 불편하다고 느낍니다! 혹시 또 다른 플러그인은 없을까요? 이번 미션은 Print variables로 하겠지만, 추후에는 더 유용한 플러그인을 사용해보고 싶습니다ㅎㅎㅎ
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
폰트사이즈와 간격 등 모든 사이즈를 다 일정하게 따라했는데 (선생님은 높이값이 72, 저는 80으로 됩니다) 아이콘을 추가할때 선생님과 다르게 위치가 지정되는 이유가 무엇일까요? 알려주신대로 패딩값을 위아래 16으로 주면서도 앞의 아이콘은 타이틀 상단 기준으로 위치하게하고 Close icon은 중앙에 위치하게 지정하려면 어떻게 해야하나요? 이럴땐 앱솔루트 포지션으로 원하는 위치를 지정하면 되나요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요 볼드님 강의를 다시한번 재수강 중인데 강의대로 실행되지 않는 부분이 있어 질문드립니다. (셀렉트-파트1 강의 6분 31초 부분 입니다) 1) 아이콘을 24에서 16으로 줄이는 과정에서 변화가 없는 이유가 무엇일까요? 2) 페이지 패널에서 저렇게 체크한 표시처럼 디바이더로 나눌수 있는 방법이 뭔가요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
폰트 사이즈 예시에는 모두 짝수 폰트만 있는걸로 보여서 질문드립니다! 웹 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을 지정할 때 비슷해보이는 속성들이 목록에 있어 헷갈려서요. string scope의 font family, font weight or style, text content와 상단의 typography 항목들, 그리고 number scope에 있는 text content의 차이가 무엇일까요~?
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
43강 12:45~50 보면 말풍선과 시간의 위치를 교체하는데, 어떤 단축키를 사용해야할까요?
해결됨
네카라쿠배당토 면접관이 알려주는 디자이너 서류・면접 합격 전략
첫번째 실험안 구성 예시에서 A,B,C안은 최종 시안 전까지의 실험안들로 이해했는데 두번째 실험안 구성 예시에서 첫번째 이터레이션, 두번째 이터레이션은 시안이 아닌 A/B테스트 실험안을 보여주는 예시일까요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요! 현재 아래와 같이 베리어블을 등록했는데, 개발팀에서 타이포그래피가 정상적으로 적용이 안 되는 것 같다고 하셔서 질문드립니다! 컬러(시맨틱까지) 타이포그래피(프리미티브까지 적용 후 스타일에 적용함) 간격/패딩 값(시맨틱까지) 토큰 스튜디오 사용해서 깃허브에 푸시해 드렸는데, 다른 건 문제 없는데 타이포그래피가 정상적으로 안 뜬다고 하셔서요. 다트에 검색하셨을 때 검색이 안 되는 것 같습니다..! 여러가지로 시도해 보았지만 제대로 적용이 안 돼서 기존 스타일 사용 시처럼 직접 조합해서 사용하신다고 하셨는데 혹시 제가 뭘 잘못 전달드린 걸까요? 플러터로 앱 개발중이라 css는 사용하시지 않으신다고 하셨습니다! 등록한 베리어블과 스타일, 토큰 스튜디오에 임포트 한 상태 이미지 첨부합니다! 확인 부탁드립니다. 감사합니다!! !
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다. 안녕하세요. 섹션5의 "컴포넌트 만들기전 라이브러리 세팅하기"를 듣고 있습니다. Foundation과 UI Kit을 @boldux에서 가져온뒤에 팀프로젝트를 "Design System"으로 넣어주고 첫번째로 Foundation으로 들어가서 publish를 하면 아래와 같이 에러가 발생합니다 Publish를 눌러보면 이 대상들이 안되는거 같습니다. 이대로라도 수업을 듣고 싶어서 UI Kit쪽에서 add까지 했었는데, add는 되는데 아이콘들을 눌러봐도 강의와는 달리 연동이 안되어 있는 상태입니다. 검색을 해봤는데도 달리 답을 찾지 못해서 이렇게 올려봅니다. 저와 같은 분들이 계셨을까요?
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
텍스트 스타일 베리어블 등록이 첨부이미지 처럼 오류?가 나는데, 제가 텍스트 스타일 등록 내용을 볼드님이랑 다르게 하고 베리어블은 강의 내용대로 따라해서 그런걸까요?
해결됨
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요, 볼드님 강의 업데이트 해주셔서 정말 감사합니다. 기존 피그마 버전을 사용하고 있는데, 볼드님 강의를 듣는 도 중 AI기능이 쓰는 방식을 배울 수 있었는데요. Ai 기능을 쓰고 싶으면 업데이트를 해야할 것 같아서요 .. 찾아보니 맨 하단에 토글을 켜야 쓸 수 있는 것 같습니다. ㅜㅜ 아마 못 쓰는 것이겠죠 ㅜㅜ 방법이 있을지 궁금합니다.
