묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
컴포넌트를 리액트기반 코드로 추출하는 법
디자인시스템을 json코드로 추출이 가능한대혹시 컴포넌트를 코드로 추출하는 방법이 없을까요?overlay플러그인을 이용해봤는데 생각보다 오류가 많아서 혹시나 하여 여쭈어봅니다ㅠㅠ
-
해결됨디자인 시스템 with 피그마
tailwind color generator 가 안될 때
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 혹시 tailwind color generator가 정상적으로 작동 안되시는 분들은 tailwind css color generator 한번 사용해 보세요!
-
해결됨디자인 시스템 with 피그마
피크마토큰의 그룹 이동
안녕하세요! 피그마 토큰에 설정하는 도중에 spacing목록 안에 간격 설정을 만들어야 했는데 실수로 다른 목록 안에 만들었습니다 ㅠ 이미 간격을 다 만들어놔서 그룹을 통째로 옮기고싶은데 방법이 따로 있을까요? 아니면 지우고 다시 만들어야 하나요??
-
해결됨디자인 시스템 with 피그마
No suggestions found 오류
global에 font관련 것을 설정하고 타이포에 넣으려고 하는데폰트스타일은 물론이고, width, line-height 다 확인이 안됩니다...혹시 해결방법이 있을까요?
-
해결됨디자인 시스템 with 피그마
안녕하세요 <Spacing mode> 탭 자체가 보이지가 않아서요
안녕하세요 어플라이 부분을 보고 있는데 3:20초 쯤 Space between 을 해제하는 부분이 있는데현재 피그마에서 그 부분 <Spacing mode> 탭 자체가 보이지가 않아서요혹시 제가 못 따라간 부분이 있을까요?아니면 ui가 바껴서 탭 위치가 달라졌을까요?? ㅜㅜ
-
해결됨디자인 시스템 with 피그마
토큰 플러그인 사용 시 일부 컨포넌트 회기현상? ㅠㅠ
강의 잘 들어가면서 프로젝트 하나를 작업 중인데작업중에 폰트라던가 컬러 필요에 따라 추가해 가면서 사용중입니다.근데 항목을 추가할때 마다 일부 컨포넌트가 자꾸 바뀝니다 ㅠㅠ어느시점으로 바뀌는지는 모르겠는데 수정을 해도 플러그인에 뭔가를 추가하기만 하면자꾸 돌아가요 ㅠㅠ 이건 왜 그런걸까여?작업중에 플러그인을 항상 켜두지 않고 필요시에만 켜서 사용하고 있는데이것이 원인이 될 수도 있나요?같은 수정작업을 계속하게 되다보니 너무 답답해서 조언을 구해봅니다 ㅠㅠ
-
해결됨디자인 시스템 with 피그마
컬러값 임포트가 안되요ㅜㅜ
안녕하세요.. 좋은강의 만들어주셔서 감사합니다.기존에 다른 공통 파일에 있는 컬러값을 가지고 왔고요... 그 컬러값들은 selection colors값에 이름이 들어가 있는데요.... 피그마 토큰 플러그 실행후에 임포트하면 컬러값이 안불러져서와요... 이거 일일이 다시 다 입력해야하는건가요?ㅜㅜ
-
해결됨그 누구도 알려주지 않았던 UXUI 필수 지식, 디자인 시스템
이렇게 버전을 늘리는 경우에는, 프로덕트/프로젝트 파일이랑 어떻게 연동하나요?
매번 그럼 프로젝트 파일에 들어가서 업데이트 된 피그마 라이브러리를 켜서 링크를 하나하나 다 해주나요? 그런 설명은 없길래 궁금해서 질문남겨요.예를 들어, Onboarding process 피그마 파일에 버전 0.0.1로 작업을 하다가, 버전 0.0.2를 만들어서 보수중이고 완료했을때, Onboarding process 작업파일에 0.0.2버전을 그럼 어떻게 적용하나요? 업데이트 된 내용이 있을 경우에는...
-
해결됨디자인 시스템 with 피그마
피그마 토큰 색상 질문입니다
안녕하세요피그마 토큰을 실무에서 처음 이용하고 있는데생각보다 어렵고 복잡하네요..라이트모드와 다크모드에서 같은 색상을 사용하는 경우 혹은 화이트:블랙/화이트:그레이 처럼 컬러시스템과 색상이 1:1로 치환이 되지 않는 경우에 어떻게 해야하나요?이때는 대응되는 색상을 하나씩 다 지정해줘야하는게 맞나요? 예를 들어 한 군데에서만 화이트:그레이로 사용되는데 토큰으로 지정해주는게 오히려 비효율적인 것 같아서요ㅠ추가로 다른 질문인데요프라이머리컬러 색상을 variant할 때 900~100이런식으로 명도차이를 표기하잖아요900<-이 숫자가 뜻하는 의미는 무엇인가요?
-
해결됨디자인 시스템 with 피그마
토큰 스튜디오 대체제가 있을까요?
안녕하세요~회사 업무 도중, 토큰값은 관리하지 않고 디자인 시스템 개발하다가 좋은 방법 많이 알려주셔서 적용해보려고 하고 있습니다.문제가 한가지 있습니다. 저희 회사가 b2b 회사인데요. 개발이 이미 완료된 기본 제품(A)을 고객사 요구에 맞춰서 커스터마이징(B) 적용 후 납품하는 프로세스로 굴러가고 있습니다. 파일간 토큰값 싱크로나이제이션이 필수인 상황인데요.그렇다고 회사가 잘나가지는 않아서 배보다 배꼽이 더 큰 토큰스튜디오 유료버전을 턱턱 구매하기는 어려워 보입니다.혹시 가격경쟁력이 있는 다른 플러그인 알고 계신게 있을까요? 저도 찾아는 보고 있는데 성능에 대한 리뷰 같은게 없다보니 좀 어렵네요.
-
해결됨디자인 시스템 with 피그마
피그마 토큰을 플러터에서 사용할 수 있는 방법이 있을까요?
피그마 토큰을 2번정도의 가공과정을 통하면 개발자가 사용할 수 있다고 하셨는데 혹이 어떤 방법으로 가공할 수 있는지 궁금합니다~!
-
해결됨디자인 시스템 with 피그마
강의 파일
안녕하세요, 강의 들으려고 하는데.https://bit.ly/figma_started 접속하면 Finished파일이 뜨고 있습니다..ㅠ확인 부탁드립니다!
-
해결됨디자인 시스템 with 피그마
디자이너가 개발쪽에 공유할때
수고하십니다.우선 한국어로 이렇게 심도깊은 토큰강의를 만들어주셔서 많은 공부가 되었습니다. 실제 실무에 적용할때 질문이 있습니다.지금의 토큰 플러그인으로 color부터 sizing, spacing등 많은 카테고리 토큰이 작성 가능한데요.피그마로 한 App의 일부페이지를 디자인했을때 개발자에게 공유하면, HandOff기능으로 별도툴인 제플린도 그렇고, 피그마에서 직접 개발자가보기에 토큰명이 나오지않는데요. 그래서 토큰이 사용된것을 알 수 가없습니다.이런경우에는 개발자도 피그마에서 토큰스튜디오 플러그인을 통해 공유받은 디자인페이지에 사용된 토큰값들을 확인하며 작업해야할까요?
-
해결됨디자인 시스템 with 피그마
Token 덮어쓰기해도 이전 라이브러리 적용값이 유지되나요?
안녕하세요. 강의 잘 듣고 있습니다.토큰 플러그인으로 설정한 값들을 약간씩 수정하거나 새로운 값을 추가하려 하는데요.이전에 토큰 플러그인으로 create style을 한 뒤 만든 ui에 스타일을 다 지정해 둔 상태에서 수정한 토큰값을 또 create style을 하면 이전에 ui에 적용해 둔 스타일은 그대로 유지가 되나요? 스타일이 다 깨지는 건 아니죠?같은 이름의 스타일인데 값을 약간 바꿨다면(컬러 등) 그 스타일은 ui에 다시 적용해야 하나요?
-
해결됨디자인 시스템 with 피그마
비주얼배너-이미지
사진을 잘라서 안에 어떻게 넣나요?,,계속 안넣어져요
-
해결됨디자인 시스템 with 피그마
타이포그래피 적용 오류
피그마 토큰에서 타이포그래피를 만들고 로컬에 크리에이트 했습니다.그 뒤에 텍스트에 타이포그래피를 적용했더니 화면에 텍스트가 표시되지 않아요왜그런걸까용 ㅠㅠ
-
해결됨디자인 시스템 with 피그마
라이트 모드 컬러가 다크모드 컬러와 호환되요
피그마 토큰에서 라이트와 다크모드 컬러 값을 모두 primary로 입력했더니 라이트모드에 다크모드의 화이트 컬러코드가 자동으로 입력되요 ㅠㅠ{black}으로 입력하고 저장했는데, 저장 후 보면 다크모드의 white 코드로 입력외어 있습니다 어떻게해야하나용
-
해결됨디자인 시스템 with 피그마
border
border Opaque 혹은 transaprent의 정확한 의미와 어디에 이용이 될까요!!
-
해결됨디자인 시스템 with 피그마
토큰 실행이 안돼요
accent/negative/warning/positive 색상만들고 각 색상에컬러스타일을 넣었습니다. dark 모드를 선택하면 다시 primary 색상으로 빠져버리고 다시 글로벌 선택하면 primary로 돌아가서 다 하얗게 되네요ㅜㅜㅜㅜ어떻게해야하죠
-
해결됨디자인 시스템 with 피그마
디자인 시스템을 토큰을 이용해 구성하고 새로운 파일(실제 화면을 디자인할 파일)에 디자인 시스템에서 만든 컴포넌트를 가져와 사용할때
안녕하세요. 선생님 토큰을 이용해서 디자인 시스템의 컴포넌트들을 프라이머리와 세컨더리 컬러로 정의된 스타일로 만들었습니다. 이후에 토큰을 익스포트해서 저장한 Json 파일을 새로운 디자인 파일에 import해서 로컬 스타일에 등록해주주고, 퍼블리시한 디자인 시스템 파일의 라이브러리를 이용해 새로운 디자인 파일에서 디자인을 하려고 하는합니다.그런데 컴포넌트의 등록한(디자인 시스템의 라이브러리에 등록된 컬러들로 만들어 진 컴포넌트)이 새로운 파일에서 테마를 변경해도 변화가 없습니다.대신에 로컬 스타일의 컬러를 입혀주니까 테마 변경이 가능했습니다. 여기서 궁금한점은 디자인 시스템에서 만든 모든 컴포넌트들에 로컬 컬러를 입혀줘야 테마 변경이 가능한지요? 아니면 제가 뭘 놓치고 있는건지 궁금 합니다ㅜㅜ 감사합니다ㅜㅜ