묻고 답해요
137만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
Uber(started) 피그마 링크가 finished로 연결 되는 것 같습니다.
Uber (started) 링크로 들어왔는데finished 링크로 연결되고요finished 링크는 아예 없는 것으로 나오는데요.수업을 그냥 들어도 되는 것인가요?
-
해결됨디자인 시스템 with 피그마
bit.ly/figma_started이 finished 로 연결됩니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. started 링크가 finished 피그마로 연결되어 있어서 피그마 네이티브가 이미다 지정이 되어있는 것 같습니다.
-
해결됨디자인 시스템 with 피그마
composition tokens에 대한 질문입니다
안녕하세요.피그마 토큰을 사용하여 디자인 토큰을 만들다 궁금한 점이 있습니다.만약, 폰트 크기가 16px이고 폰트 굵기가 regular 인 타이포그래피를 body.md 라고 정의한다고 했을 때 body.md에 텍스트 데코레이션으로 밑줄(underline)을 주고자 할 때 토큰을 어떻게 설정할 수 있을까요?처음에 생각했던 방법은 아래와 같습니다.body.md.default (font-size: 16, font-weight: regular)body.md.underline (font-size: 16, font-weight: regular, text-decoration: underline)이렇게 했을 경우, 피그마 토큰에서 텍스트 데코레이션 여부에 따라 토큰을 만들어서 피그마에 로컬 스타일로 내보낼 수 있지만, 같은 폰트 크기와 굵기를 사용하는 경우 수많은 토큰이 생성되는 문제가 있습니다 (body.sm.default / body.sm.underline / body.sm.line-through 등)제가 원하는 방향은 조금 더 깔끔한 디자인 시스템을 만드는 것입니다. (body.sm / body.md / body.lg 등)그래서 찾은 방법은 pro 요금제에서 지원하는 composition tokens을 활용해봤습니다.composition tokens에서 typography.test 토큰을 만들어서 body.md(font-size: 16, font-weight: regular) + text.decoration(underline) 두개의 토큰을 속성으로 추가했습니다.문제는 composition tokens 으로 만든 토큰을 피그마 로컬로 내보냈을 때(creat styles) 로컬 토큰에 test 토큰이 생성되지 않는 문제가 생겼습니다.composition 토큰으로 타이포그래피를 만들었을 때 로컬 스타일로 내보내는 방법이 없을까요?그리고 타이포그래피마다 텍스트 데코레이션을 다양하게 주고 싶을 때 디자인 시스템에서 어떻게 해결할 수 있을까요?
-
해결됨디자인 시스템 with 피그마
코드화 관련 질문입니다. 선생님~!!
안녕하세요.강의 너무 잘 봤습니다. 감사합니다.혹시 완성된 페이지를 html 및 css로 코드화 하실때, 플러그인을 이용하시는지이용하신다면 어떤 플러그인을 통해 코드화 하시는지,아니면 직접 다시 코딩하시는지 등의 정보를 좀 여쭐 수 있을까요?
-
해결됨디자인 시스템 with 피그마
aos에서의 line height 관련 질문드립니다
안녕하세요 선생님. 좋은 강의 감사합니다. 1.토큰 스튜디오를 통해 Line height 토큰을 만들었는데요! AOS의 경우 android:lineSpacingExtra 를 행간에 사용하고, 피그마와 동일 수치를 입력할 시 뷰에 적용된 모습에는 차이가 있는 상황입니다. 현재는 임의로 위아래에 패딩을 추가해 개발하고 있어요. 그래서 하나의 Line height 토큰을 aos에 적용할 시 피그마 시안과 달라 보이는 문제가 생기는데 이런 문제는 어떻게 해결할 수 있을까요? 2. 칩버튼 만들 때 boxradius를 세로값의 50%를 주면 된다는 답변을 보았는데, 세로값이 고정이 아니고 변수일 경우 토큰 플러그인의 계산식 등록을 어떻게 해야 할까요? {height} /2 는 적용이 안 되네요... 감사합니다.
-
해결됨디자인 시스템 with 피그마
Chips 타입의 Radius 값 관련해서 문의드립니다!
범쌤님 좋은 강의 만들어 주셔서 감사합니다!아예 둥근 Chips 형태의 경우엔 Radius 값을 주는 기준이 있을까요? 보통 큰 값을 입력하여 둥근 형태가 될 수 있게 하는데 기준이 없다보니 컴포넌트마다 적용되는 Radius 값이 상이하여 질문드리게 되었습니다.
-
해결됨디자인 시스템 with 피그마
헤더 오토레이아웃 관련 질문드립니다.
범쌤님 좋은 강의해주셔서 감사합니다.오토레이아웃과 베리언츠 기능을 활용하여 헤더의 GNB 영역을 제작하는데 궁금한 점이 있어 여쭤봅니다.기업정보~기사지원 원자 메뉴를 컴포넌트로 만들때는 오토레이아웃[오토레이아웃[텍스트 영역] + 아이콘] 구성이고, 랭기지 메뉴는 오토레이아웃[[텍스트] + 아이콘]으로 구성되어있습니다. 같은 텍스트인데 단독으로 오토레이아웃을 해주거나, 안해주거나 그 기준이 무엇인지 궁금합니다.*평소엔 텍스트면 따로 오토레이아웃 하지않고 그냥 사용했기 때문에 어떤 방법이 더 일반적으로 사용되는지도 궁금합니다.
-
해결됨디자인 시스템 with 피그마
그룹으로 묶인 경우 아래 텍스트만 드래그로 선택하는 법
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.텍스트부분만 쭉 드래그해서 한번에 선택하셨는데, 컬러 팔레트가 그룹으로 묶여있어 통으로 색상이 변경됩니다. (color, mode, negaive 이렇게 한 세트)선생님이 선택하신 것처럼 그룹과 관계없이 한번에 선택하는 방법이 있을까요?
-
해결됨디자인 시스템 with 피그마
컬러팔레트 관련 질문드립니다!
안녕하세요! 라이트/다크 모드로 디자인 시스템 작업을 해야되는데 파운데이션 컬러 primary와 secondary를 브랜드 컬러로 하고 thema / black 또는 black, white 라고 이름을 바꿨는데 라이트/다크모드 적용이 되지 않더라고요ㅠㅠ primary, secondary라고 꼭 해줘야 적용이 되는 걸까요?? 그렇다면 primary / dark , primary / light 라고 하면 되는 걸까요?? 개발자분께 전달 드릴 때 primary 컬러로 시작하는 게 많아서 헷갈리거나 그렇지는 않겠지요?
-
해결됨디자인 시스템 with 피그마
토큰 저장 관련
안녕하세요 선생님 수강 중 질문 드립니다.토큰 플러그인 종료 후 재시작시 기존 설정했던 내용들이 다 없어지고 아무것도 없는 새창으로 뜨는데요임시저장 버튼을 검색해봐도 찾기 어려워 질문 드립니다..
-
해결됨디자인 시스템 with 피그마
디자인할 때 무조건 피그마 토큰 플러그인에 등록된 값을 사용해야 하나요?
안녕하세요 범쌤, 강의를 열심히 듣고 있는 수강생입니다. 강의에 보면 어떤 것은 피그마 토큰 플러그인에 등록된 간격이나 컬러를 직접 선택해서 사용하시고 어떤 것은 피그마 네이티브 기능으로 간격이나 컬러를 설정하셔서 이 부분이 좀 헷갈립니다.디자인 할 때 무조건 피그마 토큰 플러그인에 등록된 값을 해야하는지 아니면 피그마 네이티브 기능으로 설정해도 되는지?그 사용 범위가 구분 된다면 그 범위는 어디까지인지 너무 궁금합니다. 😂
-
해결됨디자인 시스템 with 피그마
디자인 작업 전 디자인 시스템 잡기
안녕하세요 선생님!디자인 시스템 작업 단계를 언제 진행해야하는지 궁금하여 질문합니다. 디자인 작업 들어가기 전, 디자인 시스템을 구축해놓고 작업 진행하기디자인 작업하면서 디자인 시스템 구축해가기디자인 작업 완료 후, 디자인 시스템 정리 및 구축하기 어느 방법이 괜찮을까요?감사합니다
-
해결됨디자인 시스템 with 피그마
프론트에서 json파일을 가공하여 사용하는 방법
안녕하세요! 디자인시스템 강의 잘들었습니다~현재 디자인/퍼블리싱을 업무를 병행하는 디자이너인데요.json파일을 푸시하고 그 후에 프론트에서는 어떻게 가공해서 사용하는지에 대해 궁금합니다. 추후 강의 계획이 있으실까요?
-
해결됨디자인 시스템 with 피그마
1.333배
7강 까지 듣다가 잘 몰라서 질문남겨봅니다.폰트에 1.333배를 사용하는 이유가 궁금합니다.그리고 type-scale.com 에 있는 스케일중에서도 왜 1.333 - perpect Fourth 을 사용하는지도 궁금합니다.이로인해 폰트에 소수점이 생기는건 괜찮나요?
-
해결됨디자인 시스템 with 피그마
타이포그라피 스타일 업로드 오류
또 질문드립니다 선생님 ㅠㅠ 타이포그래피 Label 값들을 잘 넣어서 create style을 했는데 값이 다르게 업로드돼요뭔가 문제인지 모르겠습니다 도륵Heading을 복사해서 했는데 그것이 문제인가요? 복사 안하고 새로 직접 만드니까 잘 되긴 합니다ㅠㅠ!!! 그리고 이 빨간부분 표시는 뭘 의미하는건가요? 제가 뭘 잘못 연동한건가요?
-
해결됨디자인 시스템 with 피그마
추가 강의 업로드
피그마 토큰을 다른 프로젝트에서도 사용할 수 있는 방법에 대해 영상을 촬영했습니다.내보내기와 가져오기를 통해 다른 프로젝트에서도 작업한 토큰을 꾸준히 적용시켜보세요 :)
-
해결됨디자인 시스템 with 피그마
피그마 토큰 재활용 질문
안녕하세요~ 하나의 파일 안에서 피그마 토큰을 따라 만드는 작업을 했습니다.한가지 궁금한 점은 a Drafts에서 만든 피그마 토큰을 b에서도 적용하고 싶은데, b에서 피그마 토큰을 활성화시키면 아예 빈 것이 나옵니다. 피그마 토큰은 복제해서 다른 프로젝트에서 사용할 수 없는 걸까요? 있다면, 방법 알려주세요!!