묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
토큰스튜디오 / 로컬베리에이블
안녕하세요. 강의를 통해 토큰스튜디오를 배우고 다크모드/라이트모드에 각 시멘틱컬러를 적용해놓았는데요,피그마 업데이트로 생긴 로컬베리어블기능에도 같은 기능이 있어서.. 혹시 피그마 로컬베리어블 기능으로 만들어놓은 각 모드별 스페이싱, 컬러, 스트링등 토큰들을 그대로 토큰스튜디오 플러그인으로 옮길 수 있을까요? 피그마 로컬 스타일로 저장해놓은 컬러와 텍스트들은 임폴트 기능을 통해서 global로 불러오는건 되는데 라이트모드 / 다크모드에 토큰이 자동으로 옮겨지진않네요 ㅠ 사내 디자인시스템을 구축하려하는데 어떤걸 써야할지, 둘 다 사용해야하는건지 고민입니다.
-
해결됨디자인 시스템 with 피그마
안녕하세요 선생님!
타이포그래피 피그마 토큰에서 default 값 16에서 14로 변경을 해도 폰트의 크기가 줄어들지 않는데 적용이 잘못된걸까요??..
-
해결됨디자인 시스템 with 피그마
오토 레이아웃 줄 때
안녕하세요 강사님! :)혹시 오토 레이아웃에서 간격 줄 때 꼭 토큰 플러그인의 spacing으로 해야 디자인 시스템 구축이나 개발자분께작업물 전달드릴 때 문제가 없는 걸까요?저는 피그마 패널의 오른쪽 auto layout 부분을 이용하고 싶은데 그렇게 해도 개발자분과의 협업, 디자인 시스템 구축에문제가 없는지 궁금합니다!
-
해결됨디자인 시스템 with 피그마
오토 레이아웃 한번 더 하는 이유
강사님, 혹시 '앱 다운로드' 버튼 만들 때'아이콘 + 앱 다운로드' 부분을 1차적으로 오토 레이아웃 생성하는 것은 알겠는데 거기에 한번 더 오토 레이아웃을 해주는 이유를 알 수 있을까요? 한번만 해도 상하좌우 패딩 값 주면 충분할 것 같아서요!!
-
해결됨디자인 시스템 with 피그마
그리드 토큰
안녕하세요 선생님! 강의에서 가르쳐주신대로 그리드 시스템을 연핑크로 만들고, 그리드 시스템 꺼도 보일 수 있는 그리드를 블루로 만들어보았는데 알려주신대로 auto layout의 horizontal gap, horizontal padding 모두 각각 36으로 주면 다음처럼 간격이 원래 그리드 시스템과 맞지 않게 되더라구요. 강의 화면에서는 모두 핑크색이라 잘 안보였던 것 같은데 이렇게 서로 일치하지 않는게 정상인지 궁금합니다! :) - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
해결됨디자인 시스템 with 피그마
피그마 토큰 플러그인
안녕하세요! 강의 이제 막 보기 시작했어요! :)그런데 강의에서 알려주신 것처럼 피그마 토큰 플러그인에서 green.500을 등록한 후 create style을 하면 (첫번째 사진),2,3번째 사진처럼 피그마 오른쪽 패널에 green.500 뿐만 아니라 엄청 많은(?) 컬러들이 등록되어서요!어떻게 하면 green.500만 등록시킬 수 있을까요?! +) 그리고 저는 플러그인을 실행하면 강의에서와는다르게 아래 사진처럼 보입니다..!!!
-
해결됨디자인 시스템 with 피그마
간격맞추기
선생님처럼 Visual의 높이를 359로 맞춰도 저는 Inner와 Visual의 간격이 70이 돼요ㅠㅠ 왜그럴까요..?
-
해결됨디자인 시스템 with 피그마
태블릿과 모바일 넓이 질문입니다!
선생님은 태블릿과 모바일 넓이를 각각 900과 500으로 바꾸었을때 이렇게 되는데저는 이렇게 돼요ㅠㅠ다시 돌아가서 3번째나 다시해보고있는데 잘 안됩니다ㅠㅠ 문제가 무엇일까요..?ㅠㅠ
-
해결됨디자인 시스템 with 피그마
타입 세팅값!!
저 텍스트를 잡고 선생님 화면에서는 타입세팅을 누르면 이렇게 나오는데제 화면에서는 이렇게밖에 안나와요ㅠㅠ버전이 달라서 그런걸까요..!?
-
해결됨디자인 시스템 with 피그마
피그마 토큰에서 색상이 전환이 안되는데 오류일까요?
피그마 토큰 플러그인창에서다크모드를 선택했을 때라이트 모드에서 보이는 그레이 색상(color > G, GH)들이다크모드에 설정한 그레이컬러들로 전환이 안됩니다!질문을 드리고 싶은건이 현상이 오류인가요? 나중에 작업을 하다가 영향을 끼칠 우려가 있을까요?작업한 사각형UI에는 적용이 잘 되지만! 피그마 토큰 플러그인 창에서만 전환이 안됩니다(피그마 토큰에서 다시 지우고 새로 등록해봤고,,색상도 네이티브에 다시 등록하고 했답니당,,,)근데 라이트 모드를 선택할 때 다크 모드에서는 색상이 전환됩니다동일하게 사각형 UI에서도 색상을 잘 적용됩니다뭐가 문제일까요!?,,,
-
해결됨디자인 시스템 with 피그마
프레임 도형 복사
선생님께서 이런 모양으로 복사해서 만드셨는데 어떻게 하셨나요..?ㅠㅠ서
-
해결됨디자인 시스템 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값에 이름이 들어가 있는데요.... 피그마 토큰 플러그 실행후에 임포트하면 컬러값이 안불러져서와요... 이거 일일이 다시 다 입력해야하는건가요?ㅜㅜ
-
해결됨디자인 시스템 with 피그마
피그마 토큰 색상 질문입니다
안녕하세요피그마 토큰을 실무에서 처음 이용하고 있는데생각보다 어렵고 복잡하네요..라이트모드와 다크모드에서 같은 색상을 사용하는 경우 혹은 화이트:블랙/화이트:그레이 처럼 컬러시스템과 색상이 1:1로 치환이 되지 않는 경우에 어떻게 해야하나요?이때는 대응되는 색상을 하나씩 다 지정해줘야하는게 맞나요? 예를 들어 한 군데에서만 화이트:그레이로 사용되는데 토큰으로 지정해주는게 오히려 비효율적인 것 같아서요ㅠ추가로 다른 질문인데요프라이머리컬러 색상을 variant할 때 900~100이런식으로 명도차이를 표기하잖아요900<-이 숫자가 뜻하는 의미는 무엇인가요?
-
해결됨디자인 시스템 with 피그마
토큰 스튜디오 대체제가 있을까요?
안녕하세요~회사 업무 도중, 토큰값은 관리하지 않고 디자인 시스템 개발하다가 좋은 방법 많이 알려주셔서 적용해보려고 하고 있습니다.문제가 한가지 있습니다. 저희 회사가 b2b 회사인데요. 개발이 이미 완료된 기본 제품(A)을 고객사 요구에 맞춰서 커스터마이징(B) 적용 후 납품하는 프로세스로 굴러가고 있습니다. 파일간 토큰값 싱크로나이제이션이 필수인 상황인데요.그렇다고 회사가 잘나가지는 않아서 배보다 배꼽이 더 큰 토큰스튜디오 유료버전을 턱턱 구매하기는 어려워 보입니다.혹시 가격경쟁력이 있는 다른 플러그인 알고 계신게 있을까요? 저도 찾아는 보고 있는데 성능에 대한 리뷰 같은게 없다보니 좀 어렵네요.