묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 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해서 로컬 스타일에 등록해주주고, 퍼블리시한 디자인 시스템 파일의 라이브러리를 이용해 새로운 디자인 파일에서 디자인을 하려고 하는합니다.그런데 컴포넌트의 등록한(디자인 시스템의 라이브러리에 등록된 컬러들로 만들어 진 컴포넌트)이 새로운 파일에서 테마를 변경해도 변화가 없습니다.대신에 로컬 스타일의 컬러를 입혀주니까 테마 변경이 가능했습니다. 여기서 궁금한점은 디자인 시스템에서 만든 모든 컴포넌트들에 로컬 컬러를 입혀줘야 테마 변경이 가능한지요? 아니면 제가 뭘 놓치고 있는건지 궁금 합니다ㅜㅜ 감사합니다ㅜㅜ
-
해결됨디자인 시스템 with 피그마
한페이지 내에서 다크 모드와 라이트 모드를 동시에 볼 수는 없나요?
안녕하세요 선생님. 토큰을 이용해 다크와 라이트 모드를 열심히 만들었습니다.디자인 가이드로 한페이지내에 다크와 라이트 모드를 함께두고 보여주고 싶은데,체크박스를 바꿀때마다 색이 바껴서 난감합니다.제가 방법을 헷갈린 건지 확인해 주실 수 있을까요?해당 옵션을 Apply to selection으로 바꿔봐도 안되는것 같아요ㅜ
-
해결됨디자인 시스템 with 피그마
토큰 실행 후 global, light, dark 체크박스를 클릭하면 피그마가 멈춰요
안녕하세요.토큰을 실행하고 global, light, dark 같은 세트를 체크하면 업데이트 되고 있다는 문구가 뜨면서 엄청 느려지고 제대로 작동이 안됩니다...마지막에는 Plugin runtime aborted 라는 경고 팝업 같은 것 까지 나오는데 어떻게 해야할까요??
-
해결됨디자인 시스템 with 피그마
다른 피그마 파일에서 토큰 불러왔는데 라이트/다크모드 적용이 안될 경우엔 어떻게 해야되나요?
안녕하세요! 라이트/다크모드 적용한 파일을 토큰 저장 후 다른 피그마에서 불러왔는데 FigmaTokens에서 작업한내용은 그대로 있는데 라이트/다크모드 on, off 시에는 반응이 없습니다ㅠㅠ 이럴 경우에는 어떻게 하면 되나요?
-
해결됨디자인 시스템 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 영역을 제작하는데 궁금한 점이 있어 여쭤봅니다.기업정보~기사지원 원자 메뉴를 컴포넌트로 만들때는 오토레이아웃[오토레이아웃[텍스트 영역] + 아이콘] 구성이고, 랭기지 메뉴는 오토레이아웃[[텍스트] + 아이콘]으로 구성되어있습니다. 같은 텍스트인데 단독으로 오토레이아웃을 해주거나, 안해주거나 그 기준이 무엇인지 궁금합니다.*평소엔 텍스트면 따로 오토레이아웃 하지않고 그냥 사용했기 때문에 어떤 방법이 더 일반적으로 사용되는지도 궁금합니다.