묻고 답해요
148만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
혹시 캡쳐된 부분 피그마 파일은 어디서 공유 받을 수 있나요?
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
폴리곤 포함 프레임 내 색상 관련 문의
위의 그림처럼 폴라곤이 있는 프레임 부분에 칼라가 채워져 나옵니다. 여러 가지 방법을 시도해봤지만 해결이 되지 않아 질문 남깁니다. 고맙습니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
간격 조정 관련 질문
아래 이미지와 같이 여러 개를 선택했을 때 간격 조정이 뜨지 않는 경우가 종종 발생하고 있습니다. 해결방법을 찾아봐도 발견하지 못해 질문 남깁니다. 고맙습니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
side nav 양쪽 끝으로 붙히는 것
vertical gap between items 를 Auto로 사용안하고 높이를 fill로 사용하시는 이유가 있을까요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션2 , 색상 베리어블 등록하기
안녕하세요 이제 막 강의를 듣기 시작한 학생입니다.색상 베리어블 등록하기 강의에서 영상을 보며 같이 색상을 등록해보려고 하는데, 강의 영상에는 이미 컬러 스타일이 다 지정이 되어 있는 상태라 style to variable 플러그인을 실행해도 색상 감지가 되지 않습니다. 컬러 스타일이 지정되어 있는 피그마 파일을 따로 공유해주시는 건가 하고 찾아봤는데 못찾겠어서요.혹시 그냥 보고 따라하는게 아니라 배리어블에 색상 등록을 이렇게 하는거다 라는걸 참고해서 보라는 취지의 강의 내용인건가요?답변 부탁드립니다, 감사합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 에듀케이션 계정 신청 관련 질문드립니다!
피그마 에듀케이션 계정 신청 방법 링크 접속이 안됩니다.확인 부탁드려요!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
텍스트 프로퍼티는 뭐할때 쓰는건가요?
배리언츠, 불리언, 인스턴스 스왑은 다 개념이 이해가 되었는데 텍스트 프로퍼티는 어떨 때 쓰는건가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
variable collection
안녕하세요!collection 내에서는 그룹의 복제가 가능한데, 다른 collection으로 그룹 복제 및 이동하는 방법이 궁금해서 질문 남깁니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 질문입니다
컴포넌트 프로퍼티 값을 off 했는데 다른 아이콘은 다 회색으로 색이 바뀌는데 이 아이콘만 색이 바뀌질 않네요.. 아웃라인도 다 깨주었는데 왜 저 아이콘만 색이 안 바뀔까요.?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블 개발자와 싱크 맞추기
우선 강의 잘 들었습니다 :-)시청 후 궁금한 사항이 생겼는데요. 베리어블을 활용해 디자인 시스템을 구축한 뒤, 수정을 했을때 github 푸시를 통한 싱크 맞추기 기능이나플러그인은 엔터프라이즈 요금제 제외하고 따로 없는 상태일까요? (tokens studio 같은 기능이요!)만약 없다면 수정했을 경우 개발자와 어떻게 싱크를 맞추면 좋을까요? 팁이 있으시다면 알려주시면 감사하겠습니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
다크모드 라이트모드 전환에 궁금한 점 있습니다
다크모드 라이트모드에 궁금한점이있습니다~!아래 작업파일처럼 라이트모드 다크모드를 각각 만들었는데요.인스턴스를 활용해서 모드를 전환하면, 배경색은 바뀌는데 텍스트색이 안바뀝니다.. 어떤게 잘못된건지 아무리봐도 모르겠습니다.. ㅠhttps://www.figma.com/file/vJIOkE3DASDLQ98m9EWfzd/Untitled?type=design&node-id=0%3A1&mode=design&t=YNIuLpUC36VHyd5w-1
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Variable collection 순서
안녕하세요 강의를 듣고 variable을 제작하다 궁금한 점이 있어 글을 남깁니다.variable에서 collection을 정해놓았는데, 실제로 사용하다보면 이 collection의 순서대로 토큰이 뜨지 않더라구요..또한 collection의 순서를 바꿀 수 있는지 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[텍스트 상자] placeholder의 icon과 텍스트 배열 관련
텍스트 필드에서 제작한 placeholder를 가져와 크기를 변경해 위와 같이 텍스트 상자를 제작했습니다.이때, 컴퍼넌트의 크기를 변형하자 위와같이 텍스트가 위쪽으로 쏠리는 현상이 나타납니다.해결할 수 있는 방법이 궁금해 질문 남깁니다. 고맙습니다. ※참고
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
primitive 지정이 필수인지 궁금합니다.
안녕하세요! 강의 너무 잘듣고 있습니다.지금 회사에서 사용하는 기본 설정을 이번 강의를 통해 디자인시스템으로 만드는 걸 목표로 수업을 듣고 있습니다. 다만 이를 진행함에 있어서 궁금한게 있어서 질문을 드립니다. 현재 저희 회사는 제가 혼자 디자인을 하다보니 따로 primitive에 해당하는 컬러값을 지정하지 않고 바로 semantic으로 이름을 설정해서 사용하고 있었는데요! primitive는 결국 기본 컬러값의 나열이라고 생각하는데, 이걸 필수적으로 설정해야하는 것인지 궁금합니다!--------------------------------------------------------학습 관련 질문을 남겨주세요. 영상이나 스크린샷 이미지도 첨부해서 작성하시면 도움이 됩니다.먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드려요.최대한 빨리 답변드리도록 노력하겠습니다.인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 Union 관련 질문
위 그림처럼 Feather Icon에서 가져온 아이콘을 Union하면 형태가 변하는 경우가 나타납니다. 이런 경우 "Union을 해도 원래 형태를 유지할 수 있는 방법"이 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 스타일 네임에 관하여
타이포그래피 스타일 등록을 하려고 하는데 선생님께서는 사이즈를 : m,l,xl 이런식으로 하시더라구요 이렇게 지정을 하는 이유가 따로 있을까요? 이렇게 사이즈를 지정했을 때 장점이 있을가요? 디자이너가 등록된 타이포를 검색해서 사용할때 폰트 사이즈를 검색해서 사용할 것 같은데 그렇게 검색해서 사용하기 위해서는 타이포 네임에 px 사이즈를 넣는게 더 사용하기 좋지 않나 하는 생각이 들어서 질문 남깁니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[만능으로 쓰이는 기본 카드] 질문
안녕하세요 선생님강의 영상 1:00 ~ 1:10에서,Fill을 클릭하시면서 뭔가를 말씀하시는데 그게 무슨말인지 모르겠습니다 ㅠ그래서 그냥 fill->choose image로 이미지를 불러와도 화질이 깨져서 업로드되구요.이미지를 고화질로 업로드하는 방법이 뭔가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Swap instance 질문
아이콘을 직접 만들어서 components 화 시키고 사용하고 있는데 Swap instance 를 사용해서 아이콘을 변경하면 모두 아이콘 제작 당시 Component 에 적용된 색상으로 변경 됩니다. 선생님이 진행한 부분에서는 자동으로 Variant에 적용된 색상으로 적용되고 있는데 이렇게 하려면 어떻게 해야하나요... 아님 제가 수업 중 놓치고 있는 부분이 있는지.. 확인 부탁드립니다. 감사합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 토큰 스튜디오 vs 베리어블
현재 스타트업에서 디자인 시스템 구축을 준비하고 주니어 프로덕트 디자이너입니다. 피그마 토큰 스튜디오랑 베리어블중 어떤걸로 디자인 시스템을 구축하는게 좋을지 갈팡질팡 하고 있는 중입니다. 피그마 자체 기능인 베리어블로 사용하는게 좋을 것 같지만 아직 기능이 토큰 스튜디오 플러그인보단 다양하고 좋진 않아서 더고민이 되네요 베리어블을 사용해야하는 이유와 장점 같은게 있을까요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,아니면 다른방법을 쓰시는지 궁금합니다.추가 질문)저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!