묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 리뉴얼 관련
안녕하세요 선생님, 강의 잘 듣고 있습니다.현재 디자인시스템 리뉴얼을 하려고 하는데 많은 도움이 되고있습니다.디자인시스템 리뉴얼 중 질문이 생겨 여쭙습니다. 이미 등록되어있는 디자인시스템이 있는데 (배리어블 말고 스타일로만 등록되어 있습니다.) 현재 디자인시스템으로 작업한 핸드오프를 계속 넘기는 작업과 동시에 디자인시스템 리뉴얼 + 전체 서비스 파악 후 리뉴얼 한 디자인시스템 적용을 해야하는 상황입니다.현재 디자인시스템과 리뉴얼할 디자인시스템이 헷갈리지 않고 적용되게 할 수 있는 방법이 있을지 궁금합니다. 특히 색상의 경우 프라이머리 컬러가 같고, 프리미티브 팔레트 내에서만 살짝씩 변화가 있어 육안으로는 구별이 힘듭니다.피그마 화면 내에서만 작업을 하고 리뉴얼 완료 시점에 배리어블, 혹은 스타일에 한번에 등록하는게 좋을까요? 어떻게 작업해도 헷갈리게 될 것 같아 혹시 좋은 방법이 있으시거나 비슷한 경험이 있으실까 하여 여쭙습니다. 항상 감사합니다!!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 개발 적용 시 스토리북 연동
안녕하세요. 볼드님 디자인 시스템을 개발로 적용하는 부분에 궁금한 점이 있어 질문 남기게 되었습니다.개발 시 스토리북을 연동하여 디자인 시스템을 구축하는 것이 필수일까요? 현재 디자인 시스템을 적용하고 있지만 스토리북은 사용하고 있지 않습니다. 개발자분들께서 귀찮아서 디자인 시스템을 사용하지 않고 그냥 만들어쓴다하고 이야기하는 것을 들었습니다. 개발 업무에도 효율적으로 적용되려면 스토리북 연동이 필요한 것인지 궁금합니다.더불어 디자인 시스템을 실제로 개발에 적용하기 위해 필요한 부분에 대해서도 강의 개설해주시면 너무 좋을 것 같습니다. 감사합니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
프라이머리 버튼-디폴트에서 컬러 500이 아닌 600을 쓰는 이유
강의 앞부분에서 버튼 프라이머리 컬러를 500이 아닌 600으로 설정 하셨는데 왜 이렇게 하셨는지 궁금합니다.그때 강의에서는 지나가는 말씀으로 어떤 이유를 짧게 말씀해주셨고 이후 강의에서 알려주겠다고 하셨는데 제가 그 이유를 아직 못 본 것 같아서요,,,!600이 아닌 500을 쓰면 어떤 문제가 있나요?버튼의 호버, 프레스 액션에 블랙-오파시티를 위에 추가하는 방식으로 진행해도 이후 확장성 측면에서 문제가 없을까요?우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강이벤트 참여 관련
안녕하세요.완강 이벤트 참여하려고 하는데, 설문조사창을 못 찾겠어서요ㅠㅠ 어디서 할 수 있을까요?? 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
입력컴포턴트 파일 어디있나요?
안녕하세요~ 피그마파일이 베리에이션은 있는데 입력 컴포넌트 파일이 없어서 여쭈어 드립니다. 베리에이션파일 이외에는 파일을 없으신가요? 강의에는 쉐어하셨다고 했는데 못찾아서 여쭈어 드립니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
icon Outline stroke
안녕하세요. 현재 Avatar 강의 듣고 있습니다. 위 사진처럼 아이콘을 삽입 후 크기 조절을 하니 stroke이 깨지지 않은 상태로 적용됩니다. icon Outline stroke을 해도 작동이 되지 않는데 해결 방법 있을까요?ㅜㅜ(*강의 잘 듣고 있습니다! 내용이 너무 좋습니다! 감사드립니다~)
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 색상 배리어블 등록하기 - swatchy 웹사이트가 안보입니다.
안녕하세요. 강의 초반에 나오는 swatchy 웹사이트가 없어진 것 같은데 대체할 수 있는 사이트가 있을까요? ++ styles to variables 플러그인도 작동이 안되네요ㅠ
-
해결됨[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를 가져와 크기를 변경해 위와 같이 텍스트 상자를 제작했습니다.이때, 컴퍼넌트의 크기를 변형하자 위와같이 텍스트가 위쪽으로 쏠리는 현상이 나타납니다.해결할 수 있는 방법이 궁금해 질문 남깁니다. 고맙습니다. ※참고