묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 라이브러리 스왑 질문
안녕하세요.피그라 라이브러리 스왑 관련해서 질문드립니다. A 파일에서 로컬로 마스터컴포넌트 생성해서 사용중인데,마스터 컴포넌트만 파일을 분리하여 B 파일을 생성하고 이를 링크시켜 사용하고자 합니다. A 파일을 퍼블리싱하고 새로운 B 파일에 마스터 컴포넌트를 복사하여 퍼블리싱한 하여 링크시키고라이브러리 스왑한 후 A 파일에서 원본을 삭제하는 방식으로 하고싶은데,라이브러리 스왑을 진행해도 오류메시지는 없느나 스왑이 되지 않고있습니다. 방법이 잘못된 것인지 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
vector 아이콘 유니온시 아이콘이 깨지는 현상이 있어요!
첫번째 사진은 유니온 하기 전두번째 사진은 유니온 후 입니다! 지금 사진에 나와있는건, 벡터가 아예 깨지는 현상이지만어떤건 색깔이 아예 빠지는 것도 있는 등.. 유니온 시 그대로 유니온이 되지 않은 현상이 있는데버그인지 아니면 제가 잘 못 해서 그런건지 궁금합니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 사이즈 변경
안녕하세요! 강의 잘 들으며 실습해보고 있습니다.버튼을 컴포넌트 세트로 만드는 연습을 하고 있는데요.사이즈별 버튼 생성시, 기존 24*24 사이즈의 아이콘에서 버튼의 사이즈에 맞게 아이콘 사이즈도 키워지면 좋을 것 같은데, 아이콘 프로퍼티 변경시 24*24 사이즈로 복귀됩니다. 아이콘 파운데이션을 크기별로 생성하는 것 말고 혹시 어떤 방법을 사용할 수 있는지 여쭙습니다.혹 제가 해당 개념을 강의 중 놓쳤거나 했다면 알려주시면 감사하겠습니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
컬러 베리어블에서 semantic 관련
컬러 베리어블에서 semantic 관련semantic - text 정의 interactive를 따로 구분한 이유는 무엇인가요? 예를들어 웹 사이트의 GNB 텍스트 메뉴(버튼)의 primary, hover, pressed를 설정하기 위함 인가요?그럼 버튼 컴포넌트의 텍스트는 모두 컬러 설정 할때 semantic - text 정의 interactive로 정의 하면 되나요?아래 볼드님 피그마 파일로 스터디 중인데요. 위에 언급햇듯이 GNB의 텍스트 메뉴(버튼) 기본이 블랙컬러, 호버하면 블루 컬러로 변경되는 형태일 경우 컬러 베리어블 정의된 값을 어떻게 적용해야 하나요? 아래 첨부파일 이미지 보면 text>primary는 블랙, text>interactive>primary는 블루로 정의하셨는데...이런 부분은 뭔가 부딪치는 느낌입니다..text>interactive>primary가 필요한가요? interactive에서는 호버, 프레스, 디세이블, 셀렉티드 같은 상태값(states)만 정의 되야 하는거 아닐까 싶은데..의견 부탁드립니다. ? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
semantic 컬러 베리어블 정의 할때 왜 여기선 무조건 theme 컬러를 참조하는 이유가 무엇인가요?
semantic 컬러 베리어블 정의 할때 왜 여기선 무조건 theme 컬러를 참조하는 이유가 무엇인가요? primitive를 참조하지 않는 이유는 무엇인가요? 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Part/MenuItems 컴포넌트 세트 만들때 badge 문제
다양한 형태의 사이드 네비게이션(Side Navigation) - 파트2Part/MenuItems 컴포넌트 세트 만들때 badge값을 하나만 변경해도 Full, Icon only, Icon & label 모두 변경됩니다. Full만 Number로 왜 안될까요??? 그리고 강의 너무 감사합니다. 한국어로 된 디자인 시스템 강의도 잘 없지만, 반복해서 연습해볼 수 있게 강의를 구성해주셔서 쉽게 잘 따라갈 수 있어요. 케이스별 실무 팁도 자연스럽게 배울 수 있고요. 수강생들에겐 참 알찬 강의인데, 강의 제작하시는 과정이 쉽지 않으셨을 것 같고.. 여러모로 정말 많이 배웁니다, 볼드님 :)
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Value 값을 대문자로 꼭해야하나요?
Value 값을 대문자로 꼭 표시하지 않아도 괜찮을까요? 개발자와 네이밍에 관련해 카멜표기를 하자고 했었는데 컴포넌트 또한 카멜표기로 해야하는지 궁금합니다
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 UI 에 대해 여쭙니다.
강의를 열심히 듣고 있습니다.근데 한가지 해결이 안되는 문제가 있어서 질문드립니다.이번에 피그마가 UI3 로 업그레이드를 했다고 하는데, 저는 일단 강사님 버전에 맞게 거기에 맞춰서 하고자 하는데, 테스트로 여러개를 만들어봤는데, 어떤건 UI3 로 화면이 새롭게 바뀌어서 나오고 어떤건 이전 UI 로 나오더라구요,근데 UI3로 나와도 피그마 안에 들어가서 오른쪽 하단에 ?이이콘을 클릭하면 Go back to previous UI를 클릭하면 원래버전으로 돌아간다고 주변에서 알려줬는데, 그 메뉴가 아예 없어서 UI3 이전 인터페이스를 사용하려면 어지 해야 하는건지 해서요 ㅜㅜUI3는 아직 베타버전이라고 하니 아직은 이전 화면으로 사용하고 싶은데, 방법이 있을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
색상베리어블 등록하기
색상베리어블 등록하기에서 질문드립니다.플로그인을 사용해서 색상을 등록하는 내용에서 ...아래와 같이 강사님의 화면과 다르게 나와서요이 플러그인을 오른쪽처럼 화면이 뜨는데....강의화면에서는 실행하면 색상들이 뜨던데...혹시 제가 중간과정을 빼놓은걸까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[섹션4] 입력 컨포넌트 마지막 정리하기 질문!
[섹션4] 입력 컨포넌트 마지막 정리하기 질문!있습니다!File>Pages에 "INPUTS"에 모두 옮기고 나면, Assets에서 검색시 두개가 나옵니다!File>Pages에 "INPUTS"에 모두 옮기라는 말씀이 복사 붙여넣기가 아니라 잘라서 붙여넣기로 해야하는걸까요?저번 질문에 답변주셔서 너무 감사합니다! 강의 열심히 듣고 있습니다!우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
5기 스터디는 없는걸까요!
5기 스터디는 따로 없는걸까요?!우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
레이어 이름 정의시, 대문자 소문자 차이는 무엇인가요?
레이어 이름 정의시, 대문자 소문자 차이는 무엇인가요?Page에서 이름 정의시, 대소문자 기준이 있는지도 궁금합니다!(제가 디자이너가 아닌 기획자다보니, 디자이너의 생각을 알고 싶습니다!)우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
브랜치 지정 사용시 개발 버전관리 문의
피그마 베리어블 강의 잘 듣고 현재 개발자와 회사 디자인 시스템 가이드 구축중입니다. 피그마에서 브런치 기능이 있는데요.. 브런치 기능과 깃업을 연결해서 버전 관리 하는 방법이 있는지 문의 드리고.혹시 그런 기능이 없다면, 개발 버전 관리를 어떤식으로 피그마에서 사용하는지 강의나 문서 볼 수 있는 곳이 있을까요? ㅜㅜ 개발자들이 문의를 하는데 암것도 모르겠네요ㅜㅜ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
웹표준 컬러 체크 질문
안녕하세요. 웹 표준 컬러에 대해 질문드립니다.혹시 피그마에서 화면단위로 컬러 대비 점수를 확인 할 수 있는 방법이 있을까요?최소 AA 이상이 나와야한다고 하는데, 컬러 잡을 때 고려하지 못해서..이와 관련해서 컬러 시스템 구축때 어떻게 구축을 하고, 만약 고려하지 못했을 때 보완하는 방법은 어떤게 있을까요..?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강 이벤트 관련 질문!
완강 이벤트는 기간 혹은 기한이 있나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
textfield에 맞는 font size 정의
안녕하세요, 볼드 멘토님 🙂 강의를 들으며 현재 버튼과 텍스트필드를 구축해보는 중에 궁금사항이 생겨 질문드리게 되었습니다. 해상도마다 텍스트필드 사이즈에 따라 placeholder나 label 등의 폰트 사이즈가 다르게 구성되도록 구축해야하는지 궁금합니다.이런 식으로 텍스트필드 위 아래에 들어갈 요소들을 사이즈별로 구축을 해야할 필요성이 있는건지 적응형, 반응형에 따라 달라지는건지 궁금합니다. meterial design system은 버튼이나 텍스트필드가 하나로 정해져서 나오는것 같은데 figma design system은 버튼 사이즈마다 안 텍스트 크기가 다 다르게 구축이 되어있어서 서비스마다의 차이인건지 궁금합니다!ㅠㅜ감사합니다-!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
질문이 있습니다!(공유해 주신 자료)
안녕하세요 볼드님.강의를 듣다가 궁금한 부분이 있어 질문 남깁니다.공유해 주신 자료중 컴포넌트 프로퍼티 워크시트 와 베리어블 시트 차이가 뭔지 잘 모르겠습니다!현재 출시된 제품내 컴포넌트들을 나누고 있는데 어떤시트를 활용 하는게 좋을까요?정확히는 컴포넌트 프로퍼티 워크시트의Working Status/Accessibility/Documentation 부분이 어떤것에 대한 내용인지 잘 이해가 안갑니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Local Variable 등록
안녕하세요 강사님local variables에 여러개의 생삭을 한번에 등록 하는 방법으로 색상표를 만들고 낱개별로 하나씩 이름을 지정해준 다음 Stlyer플러그인으로 스타일 등록 후 Styles to Variables로 등록해주는 순서로 해보았는데 혹시 한번에 더 많은 색상을 최종적으로 local variables 에 등록 할수있는 방법이 있을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인 시스템을 만드는 중 버튼 관련 질문이 있습니다.
만드려고 하는 방식은 Leading/Trailing Icon property를 넣어 껐다 켰다 하고 싶습니다. 동시에 버튼에 boolean variable을 넣어 skeleton모드를 껐다 켰다 하려고 합니다.만든 컴포넌트는 다음과 같은 형태로, row는 버튼, skeleton에는 스켈레톤 컬러를 입혀놓은 상태입니다.여기서 Icon 프로퍼티를 껐을 때 다음과 같이 아이콘 영역만큼 줄어드는 것이 아니라 왼쪽으로 밀리기만 하는데, 해결 방법이 있을까요? 더불어 버튼의 width 값도 자유롭게 늘렸다 줄였다 하고싶은데, 컴포넌트 프레임만 조절되며 안의 버튼은 fix된 상태입니다ㅠㅠ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션4
섹션 410강 / 1시간 59분입력(Input) 컴포넌트 만들어보기처음 시작 때 에쎗으로 만들어논게 없는데 어느 강의부터 참고해서 이어지는 내용인가요 bold plus 에도 아이콘은 없고 그러다보니 버튼 컴포넌트 강의 중 하트 아이콘 인스턴스 선택지가 없습니다.