inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

174만명의 커뮤니티!! 함께 토론해봐요.

컬러값 임포트가 안되요ㅜㅜ

해결됨

디자인 시스템 with 피그마

안녕하세요.. 좋은강의 만들어주셔서 감사합니다. 기존에 다른 공통 파일에 있는 컬러값을 가지고 왔고요... 그 컬러값들은 selection colors값에 이름이 들어가 있는데요.... 피그마 토큰 플러그 실행후에 임포트하면 컬러값이 안불러져서와요... 이거 일일이 다시 다 입력해야하는건가요?ㅜㅜ

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • color
까비 댓글 1 좋아요 1 조회수 472

이렇게 버전을 늘리는 경우에는, 프로덕트/프로젝트 파일이랑 어떻게 연동하나요?

해결됨

그 누구도 알려주지 않았던 UXUI 필수 지식, 디자인 시스템

매번 그럼 프로젝트 파일에 들어가서 업데이트 된 피그마 라이브러리를 켜서 링크를 하나하나 다 해주나요? 그런 설명은 없길래 궁금해서 질문남겨요. 예를 들어, Onboarding process 피그마 파일에 버전 0.0.1로 작업을 하다가, 버전 0.0.2를 만들어서 보수중이고 완료했을때, Onboarding process 작업파일에 0.0.2버전을 그럼 어떻게 적용하나요? 업데이트 된 내용이 있을 경우에는...

  • figma
  • 디자인-시스템
  • 아토믹-디자인
  • ux
신준석 댓글 1 좋아요 3 조회수 1049

피그마 토큰 색상 질문입니다

해결됨

디자인 시스템 with 피그마

안녕하세요 피그마 토큰을 실무에서 처음 이용하고 있는데 생각보다 어렵고 복잡하네요.. 라이트모드와 다크모드에서 같은 색상을 사용하는 경우 혹은 화이트:블랙/화이트:그레이 처럼 컬러시스템과 색상이 1:1로 치환이 되지 않는 경우에 어떻게 해야하나요? 이때는 대응되는 색상을 하나씩 다 지정해줘야하는게 맞나요? 예를 들어 한 군데에서만 화이트:그레이로 사용되는데 토큰으로 지정해주는게 오히려 비효율적인 것 같아서요ㅠ 추가로 다른 질문인데요 프라이머리컬러 색상을 variant할 때 900~100 이런식으로 명도차이를 표기하잖아요 900<-이 숫자가 뜻하는 의미는 무엇인가요?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
주민 댓글 1 좋아요 1 조회수 695

토큰 스튜디오 대체제가 있을까요?

해결됨

디자인 시스템 with 피그마

안녕하세요~ 회사 업무 도중, 토큰값은 관리하지 않고 디자인 시스템 개발하다가 좋은 방법 많이 알려주셔서 적용해보려고 하고 있습니다. 문제가 한가지 있습니다. 저희 회사가 b2b 회사인데요. 개발이 이미 완료된 기본 제품(A)을 고객사 요구에 맞춰서 커스터마이징(B) 적용 후 납품하는 프로세스로 굴러가고 있습니다. 파일간 토큰값 싱크로나이제이션이 필수인 상황인데요. 그렇다고 회사가 잘나가지는 않아서 배보다 배꼽이 더 큰 토큰스튜디오 유료버전을 턱턱 구매하기는 어려워 보입니다. 혹시 가격경쟁력이 있는 다른 플러그인 알고 계신게 있을까요? 저도 찾아는 보고 있는데 성능에 대한 리뷰 같은게 없다보니 좀 어렵네요.

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
유진배 댓글 1 좋아요 1 조회수 980

피그마 토큰을 플러터에서 사용할 수 있는 방법이 있을까요?

해결됨

디자인 시스템 with 피그마

피그마 토큰을 2번정도의 가공과정을 통하면 개발자가 사용할 수 있다고 하셨는데 혹이 어떤 방법으로 가공할 수 있는지 궁금합니다~!

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
cinaa 댓글 1 좋아요 1 조회수 835

강의 파일

해결됨

디자인 시스템 with 피그마

안녕하세요, 강의 들으려고 하는데. https://bit.ly/figma_started 접속하면 Finished파일이 뜨고 있습니다..ㅠ 확인 부탁드립니다!

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
천인영 댓글 1 좋아요 1 조회수 431

디자이너가 개발쪽에 공유할때

해결됨

디자인 시스템 with 피그마

수고하십니다. 우선 한국어로 이렇게 심도깊은 토큰강의를 만들어주셔서 많은 공부가 되었습니다. 실제 실무에 적용할때 질문이 있습니다. 지금의 토큰 플러그인으로 color부터 sizing, spacing등 많은 카테고리 토큰이 작성 가능한데요. 피그마로 한 App의 일부페이지를 디자인했을때 개발자에게 공유하면, HandOff기능으로 별도툴인 제플린도 그렇고, 피그마에서 직접 개발자가보기에 토큰명이 나오지않는데요. 그래서 토큰이 사용된것을 알 수 가없습니다. 이런경우에는 개발자도 피그마에서 토큰스튜디오 플러그인을 통해 공유받은 디자인페이지에 사용된 토큰값들을 확인하며 작업해야할까요?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
yabes 댓글 1 좋아요 3 조회수 809

Token 덮어쓰기해도 이전 라이브러리 적용값이 유지되나요?

해결됨

디자인 시스템 with 피그마

안녕하세요. 강의 잘 듣고 있습니다. 토큰 플러그인으로 설정한 값들을 약간씩 수정하거나 새로운 값을 추가하려 하는데요. 이전에 토큰 플러그인으로 create style을 한 뒤 만든 ui에 스타일을 다 지정해 둔 상태에서 수정한 토큰값을 또 create style을 하면 이전에 ui에 적용해 둔 스타일은 그대로 유지가 되나요? 스타일이 다 깨지는 건 아니죠? 같은 이름의 스타일인데 값을 약간 바꿨다면(컬러 등) 그 스타일은 ui에 다시 적용해야 하나요?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
댓글 2 좋아요 1 조회수 644

비주얼배너-이미지

해결됨

디자인 시스템 with 피그마

사진을 잘라서 안에 어떻게 넣나요?,,계속 안넣어져요

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
김유진 댓글 1 좋아요 12 조회수 2119

타이포그래피 적용 오류

해결됨

디자인 시스템 with 피그마

피그마 토큰에서 타이포그래피를 만들고 로컬에 크리에이트 했습니다. 그 뒤에 텍스트에 타이포그래피를 적용했더니 화면에 텍스트가 표시되지 않아요 왜그런걸까용 ㅠㅠ

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
이송희 댓글 1 좋아요 1 조회수 842

라이트 모드 컬러가 다크모드 컬러와 호환되요

해결됨

디자인 시스템 with 피그마

피그마 토큰에서 라이트와 다크모드 컬러 값을 모두 primary로 입력했더니 라이트모드에 다크모드의 화이트 컬러코드가 자동으로 입력되요 ㅠㅠ {black}으로 입력하고 저장했는데, 저장 후 보면 다크모드의 white 코드로 입력외어 있습니다 어떻게해야하나용

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
이송희 댓글 1 좋아요 1 조회수 602

border

해결됨

디자인 시스템 with 피그마

border Opaque 혹은 transaprent의 정확한 의미와 어디에 이용이 될까요!!

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
Kim Yoonji 댓글 1 좋아요 1 조회수 310

토큰 실행이 안돼요

해결됨

디자인 시스템 with 피그마

accent/negative/warning/positive 색상만들고 각 색상에컬러스타일을 넣었습니다. dark 모드를 선택하면 다시 primary 색상으로 빠져버리고 다시 글로벌 선택하면 primary로 돌아가서 다 하얗게 되네요ㅜㅜㅜㅜ어떻게해야하죠

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
Kim Yoonji 댓글 4 좋아요 1 조회수 676

디자인 시스템을 토큰을 이용해 구성하고 새로운 파일(실제 화면을 디자인할 파일)에 디자인 시스템에서 만든 컴포넌트를 가져와 사용할때

해결됨

디자인 시스템 with 피그마

안녕하세요. 선생님 토큰을 이용해서 디자인 시스템의 컴포넌트들을 프라이머리와 세컨더리 컬러로 정의된 스타일로 만들었습니다. 이후에 토큰을 익스포트해서 저장한 Json 파일을 새로운 디자인 파일에 import해서 로컬 스타일에 등록해주주고, 퍼블리시한 디자인 시스템 파일의 라이브러리를 이용해 새로운 디자인 파일에서 디자인을 하려고 하는합니다. 그런데 컴포넌트의 등록한(디자인 시스템의 라이브러리에 등록된 컬러들로 만들어 진 컴포넌트)이 새로운 파일에서 테마를 변경해도 변화가 없습니다. 대신에 로컬 스타일의 컬러를 입혀주니까 테마 변경이 가능했습니다. 여기서 궁금한점은 디자인 시스템에서 만든 모든 컴포넌트들에 로컬 컬러를 입혀줘야 테마 변경이 가능한지요? 아니면 제가 뭘 놓치고 있는건지 궁금 합니다ㅜㅜ 감사합니다ㅜㅜ

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
na ni 댓글 2 좋아요 1 조회수 917

한페이지 내에서 다크 모드와 라이트 모드를 동시에 볼 수는 없나요?

해결됨

디자인 시스템 with 피그마

안녕하세요 선생님. 토큰을 이용해 다크와 라이트 모드를 열심히 만들었습니다. 디자인 가이드로 한페이지내에 다크와 라이트 모드를 함께두고 보여주고 싶은데, 체크박스를 바꿀때마다 색이 바껴서 난감합니다. 제가 방법을 헷갈린 건지 확인해 주실 수 있을까요? 해당 옵션을 Apply to selection으로 바꿔봐도 안되는것 같아요ㅜ

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
na ni 댓글 1 좋아요 1 조회수 683

토큰 실행 후 global, light, dark 체크박스를 클릭하면 피그마가 멈춰요

해결됨

디자인 시스템 with 피그마

안녕하세요. 토큰을 실행하고 global, light, dark 같은 세트를 체크하면 업데이트 되고 있다는 문구가 뜨면서 엄청 느려지고 제대로 작동이 안됩니다... 마지막에는 Plugin runtime aborted 라는 경고 팝업 같은 것 까지 나오는데 어떻게 해야할까요??

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
혜진 댓글 1 좋아요 1 조회수 538

다른 피그마 파일에서 토큰 불러왔는데 라이트/다크모드 적용이 안될 경우엔 어떻게 해야되나요?

해결됨

디자인 시스템 with 피그마

안녕하세요! 라이트/다크모드 적용한 파일을 토큰 저장 후 다른 피그마에서 불러왔는데 FigmaTokens에서 작업한 내용은 그대로 있는데 라이트/다크모드 on, off 시에는 반응이 없습니다ㅠㅠ 이럴 경우에는 어떻게 하면 되나요?

  • 아토믹-디자인
  • 디자인-시스템
  • 디자인 시스템
  • 아토믹-디자인
  • figma-tokens
  • figma
예압 댓글 1 좋아요 1 조회수 700

Uber(started) 피그마 링크가 finished로 연결 되는 것 같습니다.

해결됨

디자인 시스템 with 피그마

Uber (started) 링크로 들어왔는데 finished 링크로 연결되고요 finished 링크는 아예 없는 것으로 나오는데요. 수업을 그냥 들어도 되는 것인가요?

  • figma
  • 디자인 시스템
  • 디자인-시스템
  • 아토믹-디자인
  • 아토믹-디자인
  • figma-tokens
Myongjoon Lee 댓글 1 좋아요 1 조회수 480

bit.ly/figma_started이 finished 로 연결됩니다.

해결됨

디자인 시스템 with 피그마

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. started 링크가 finished 피그마로 연결되어 있어서 피그마 네이티브가 이미다 지정이 되어있는 것 같습니다.

  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • 아토믹-디자인
  • 디자인 시스템
  • figma
nari87yyy 댓글 1 좋아요 1 조회수 339

코드화 관련 질문입니다. 선생님~!!

해결됨

디자인 시스템 with 피그마

안녕하세요. 강의 너무 잘 봤습니다. 감사합니다. 혹시 완성된 페이지를 html 및 css로 코드화 하실때, 플러그인을 이용하시는지 이용하신다면 어떤 플러그인을 통해 코드화 하시는지, 아니면 직접 다시 코딩하시는지 등의 정보를 좀 여쭐 수 있을까요?

  • figma
  • 디자인-시스템
  • figma-tokens
  • 아토믹-디자인
  • 아토믹-디자인
  • 디자인 시스템
진명 장 댓글 1 좋아요 1 조회수 419

인기 태그

인프런 TOP Writers

주간 인기글