묻고 답해요
137만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인 스터디 문의
안녕하세요! 저는 편집디자이너를 하다가 이제막 UI/UX로 전형한 디자이너입니다.개인적인 사정으로 볼드님 강의를 늦게 수강하게 되었는데 매달 스터디 한다고해서 들어왔더니 인프런 워밍업 클럽 - 스터디 1기 신청이 끝난 것 같아서요늦었지만 프로덕트 디자인 과정 1기를 지금 들어갈 수 있을까요? 어렵다면 2기는 언제모집하나요?아니면 별개로 진행하고 계신 스터디 과정이 있는 것인가요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 시멘틱 컬러 관련
안녕하세요 선생님, 얼마전에도 질문을 남겼는데 너무 상세히 답변 잘 해주셔서 감사했습니다.디자인시스템을 만들다보니 질문이 많이 생기네요. 혹시 컴포넌트에 사용되는 요소에 primitive 컬러값을 참조해도 될까요?뱃지컬러나 tooltip 배경컬러 등 다른 요소에서는 중복으로 사용 되지 않는 컬러를 컴포넌트에 사용한다는 이유로 시멘틱 컬러로도 등록을 해줘야할지 고민입니다. 선생님은 어떻게 생각하시는지 궁금합니다!!오늘도 좋은하루 보내세요 :)
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[하단 네비게이션]
https://www.figma.com/file/bOSNSdPGVIn8ZpyTacom3d/%5B%EA%B1%B4%EB%84%88%EA%B1%B4%EB%84%88%5D-%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8?type=design&node-id=7%3A484&mode=design&t=cn6j72TdmocKUhwt-1badge의 Type을 number나 letter로 만들면 위의 그림처럼 됩니다.dot형태와 동일하게 오른쪽 위에 나타나게 하려면 어떻게 해야할까요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 리뉴얼 관련
안녕하세요 선생님, 강의 잘 듣고 있습니다.현재 디자인시스템 리뉴얼을 하려고 하는데 많은 도움이 되고있습니다.디자인시스템 리뉴얼 중 질문이 생겨 여쭙습니다. 이미 등록되어있는 디자인시스템이 있는데 (배리어블 말고 스타일로만 등록되어 있습니다.) 현재 디자인시스템으로 작업한 핸드오프를 계속 넘기는 작업과 동시에 디자인시스템 리뉴얼 + 전체 서비스 파악 후 리뉴얼 한 디자인시스템 적용을 해야하는 상황입니다.현재 디자인시스템과 리뉴얼할 디자인시스템이 헷갈리지 않고 적용되게 할 수 있는 방법이 있을지 궁금합니다. 특히 색상의 경우 프라이머리 컬러가 같고, 프리미티브 팔레트 내에서만 살짝씩 변화가 있어 육안으로는 구별이 힘듭니다.피그마 화면 내에서만 작업을 하고 리뉴얼 완료 시점에 배리어블, 혹은 스타일에 한번에 등록하는게 좋을까요? 어떻게 작업해도 헷갈리게 될 것 같아 혹시 좋은 방법이 있으시거나 비슷한 경험이 있으실까 하여 여쭙습니다. 항상 감사합니다!!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
디자인시스템 개발 적용 시 스토리북 연동
안녕하세요. 볼드님 디자인 시스템을 개발로 적용하는 부분에 궁금한 점이 있어 질문 남기게 되었습니다.개발 시 스토리북을 연동하여 디자인 시스템을 구축하는 것이 필수일까요? 현재 디자인 시스템을 적용하고 있지만 스토리북은 사용하고 있지 않습니다. 개발자분들께서 귀찮아서 디자인 시스템을 사용하지 않고 그냥 만들어쓴다하고 이야기하는 것을 들었습니다. 개발 업무에도 효율적으로 적용되려면 스토리북 연동이 필요한 것인지 궁금합니다.더불어 디자인 시스템을 실제로 개발에 적용하기 위해 필요한 부분에 대해서도 강의 개설해주시면 너무 좋을 것 같습니다. 감사합니다!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
프라이머리 버튼-디폴트에서 컬러 500이 아닌 600을 쓰는 이유
강의 앞부분에서 버튼 프라이머리 컬러를 500이 아닌 600으로 설정 하셨는데 왜 이렇게 하셨는지 궁금합니다.그때 강의에서는 지나가는 말씀으로 어떤 이유를 짧게 말씀해주셨고 이후 강의에서 알려주겠다고 하셨는데 제가 그 이유를 아직 못 본 것 같아서요,,,!600이 아닌 500을 쓰면 어떤 문제가 있나요?버튼의 호버, 프레스 액션에 블랙-오파시티를 위에 추가하는 방식으로 진행해도 이후 확장성 측면에서 문제가 없을까요?우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
완강이벤트 참여 관련
안녕하세요.완강 이벤트 참여하려고 하는데, 설문조사창을 못 찾겠어서요ㅠㅠ 어디서 할 수 있을까요?? 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
입력컴포턴트 파일 어디있나요?
안녕하세요~ 피그마파일이 베리에이션은 있는데 입력 컴포넌트 파일이 없어서 여쭈어 드립니다. 베리에이션파일 이외에는 파일을 없으신가요? 강의에는 쉐어하셨다고 했는데 못찾아서 여쭈어 드립니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
icon Outline stroke
안녕하세요. 현재 Avatar 강의 듣고 있습니다. 위 사진처럼 아이콘을 삽입 후 크기 조절을 하니 stroke이 깨지지 않은 상태로 적용됩니다. icon Outline stroke을 해도 작동이 되지 않는데 해결 방법 있을까요?ㅜㅜ(*강의 잘 듣고 있습니다! 내용이 너무 좋습니다! 감사드립니다~)
-
해결됨디자인 시스템 with 피그마
Token studio 플러그인 사용시...
안녕하세요! Token studio 플러그인 깔아서 간격 수업에서 말씀해주신 Spacing을 다 동일하게 따라 지정해 설정, 저장 해놓고 플러그인을 껐다가 키면 설정값이 다 사라지고 처음 플러그인을 실행시켰던 화면과 같이 아무것도 남아있지 않습니다..... 혹시 로그인을 해야하나 싶어서 찾아보면 GITHUB아이디가 필요한것같은데... 맞나요??
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 색상 배리어블 등록하기 - swatchy 웹사이트가 안보입니다.
안녕하세요. 강의 초반에 나오는 swatchy 웹사이트가 없어진 것 같은데 대체할 수 있는 사이트가 있을까요? ++ styles to variables 플러그인도 작동이 안되네요ㅠ
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
혹시 캡쳐된 부분 피그마 파일은 어디서 공유 받을 수 있나요?
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
폴리곤 포함 프레임 내 색상 관련 문의
위의 그림처럼 폴라곤이 있는 프레임 부분에 칼라가 채워져 나옵니다. 여러 가지 방법을 시도해봤지만 해결이 되지 않아 질문 남깁니다. 고맙습니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
간격 조정 관련 질문
아래 이미지와 같이 여러 개를 선택했을 때 간격 조정이 뜨지 않는 경우가 종종 발생하고 있습니다. 해결방법을 찾아봐도 발견하지 못해 질문 남깁니다. 고맙습니다.
-
해결됨디자인 시스템 with 피그마
타이포그라피(Typography)가 계속 사라집니다
안녕하세요.타이포그라피를 강의대로 추가하고 Git에 Push까지 진행하였으나 token studio를 껐다 키게되면 전부 사라져있어서 질문 드립니다.한시간정도 토큰 스튜디오 사용하면서 푸시까지 하고 다 껐는데 타이포그라피만 계속 설정해주면 사라져있어서 질문드립니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
side nav 양쪽 끝으로 붙히는 것
vertical gap between items 를 Auto로 사용안하고 높이를 fill로 사용하시는 이유가 있을까요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션2 , 색상 베리어블 등록하기
안녕하세요 이제 막 강의를 듣기 시작한 학생입니다.색상 베리어블 등록하기 강의에서 영상을 보며 같이 색상을 등록해보려고 하는데, 강의 영상에는 이미 컬러 스타일이 다 지정이 되어 있는 상태라 style to variable 플러그인을 실행해도 색상 감지가 되지 않습니다. 컬러 스타일이 지정되어 있는 피그마 파일을 따로 공유해주시는 건가 하고 찾아봤는데 못찾겠어서요.혹시 그냥 보고 따라하는게 아니라 배리어블에 색상 등록을 이렇게 하는거다 라는걸 참고해서 보라는 취지의 강의 내용인건가요?답변 부탁드립니다, 감사합니다.
-
해결됨디자인 시스템 with 피그마
네이비티브 시스템 활성화
새로운 파일에서Tokens Studio for Figma 플러그인으로제이슨 파일, 깃허브로 데이터값을 불러오는 것까지는 완성하였습니다. 그 이후 Create styles로 오른쪽 네이티브 시스템을 생성하려고 하는데안된다고 창이 뜹니다.
-
해결됨디자인 시스템 with 피그마
다른 곳에서도 강의 하고 계신지 궁금합니다.
다른 곳에서도 강의 하고 계신지 궁금합니다.다른 강의 하고 계시면 또 들어보고 싶어서요
-
해결됨디자인 시스템 with 피그마
Default 값을 16 에서 14로 변경했는데.
변화가 없습니다.오른쪽 네이티브 시스템과 화면에 폰트에 변화가 없습니다. Token Studio for Figma의 값들은14에 맞게 변화하였습니다.