묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Swap 기능문의
안녕하세요!디자인시스템 제작중에 유지보수를 고려하여 기존에 하나의 파일로 관리했던 Foundation과 Components를 분리하는 작업에 있습니다. Components의 Foundation 요소는 Publishing 을 통해서 적용할 계획입니다.분리하는 작업을 진행할 경우, Variable과 Styled이 깨져버리는데요이름이 동일할 경우 자동으로 교체 할 수 있는 방법이 있나요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Primitive는 왜 스코핑할때 모두 비활성화하는 것일까요?
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
베리어블 중복 리스트 삭제 방법
안녕하세요 볼드님!작업을 이 파일 저 파일 옮겨다니며 연습하다 보니 베리어블리스트가 첨부한 이미지 처럼 중복된 리스트가 생겼는데요. 이 문제를 해결할 방법이 궁금합니다.
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
18번 강의 질문
강의 쭉쭉 잘 듣고잇어요! 18번 강의 21분 쯤에서 플러그인을 통해서도 베리어블을 만들수 있다는 뜻으로 이해했는데 어떤 플러그인인지도 알수있을까요?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
10번 강의 관련 자료 질문
안녕하세요 10번 강의 잘 봤습니다 🙂 처음이라 그런지 개념이 많이 어려운데 혹시 도움이 될만한 관련자료 받아볼수 있을까요? 이미 공유 하셨다면 어디서 찾을수 있을지 궁금합니다
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
9번강의 피그마 pracrice 수업자료 어디에?
안녕하세요 9번 수업관련해 피그마 자료 어디서 확인할수있나요? 강의내용 그대로 따라해보고싶은데요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
81번 강의 오류로 강의 수료증 발급을 못 받고 있습니다.
82번처럼 내용이 있으면 완강 표시가 되는것 같은데 81번은 아무 내용이 없어서 그런지 강의 완료 표시 자체가 안먹고 있습니다. 완강 후 수료증을 제출해야 하는데 이 강의 오류 때문에 수료증 발급이 안되고 있어요
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 네이밍 관련해서 궁금한게 있습니다.
🔍 상황현재 타이포그래피 스타일 명명 방식에 대해 고민이 있습니다. 개발자 측에서는Display1-Bold 와 같이 위계 중심의 토큰 네이밍을 선호합니다.코드 연동 시에는 스타일명이 그대로 토큰으로 등록되기 때문에40px 같은 구체적인 수치를 굳이 명칭에 포함할 필요가 없고,오히려 수치가 변경될 경우 네이밍까지 수정해야 하는 유지보수 이슈가 발생합니다.디자이너 측에서는Figma 내에서 스타일을 빠르게 식별하고 사용하기 위해Display1-Bold-40px처럼 사이즈가 명시된 스타일 네이밍을 선호합니다.수치가 함께 있어야 작업 중 빠르게 위계를 파악하고 적용하기 수월하다는 의견이 있습니다. 🙋🏻 질문이러한 상황에서 다음과 같은 고민이 있습니다: 디자이너가 스타일 명에서 수치를 보고 싶은 니즈와개발자는 위계 중심의 명칭을 유지하고 싶은 니즈를동시에 충족시킬 수 있는 구조가 있을까요?예를 들어 Figma 내에서 디자이너는 Display1-Bold-40px처럼 수치를 보고 작업하되,코드로 내보낼 때는 Display1-Bold로만 연동되는 방식이 가능한지,혹은 실제 조직에서는 이런 상황을 어떻게 운영하고 있는지 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
라이브러리 스왑관련 문의입니다
안녕하세요!라이브러리 스왑관련 문의입니다manage libraries에서 updates와browse libraries에 teams에서 라이브러리 스왑이 가능한걸로 아는데요 이 2개 라이브러리 업데이트 기능에 대한자세한 설명과 차이점을 알고 싶습니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
로딩 스피너 크기 조절
섹션 7의 41. 로딩스피너 9:37부근 질문 드립니다레이아웃을 고정하고 안에 있는 백터를 스케일을 조절해서 사용하시는데 질문이 있습니다.1. 영상을 따라하려고했지만 이미지처럼 defult를 16으로, spinner segmants 레이어를 16으로 둘다 postion에서 sacle으로 맞춰주도 보이지 않습니다. 이 상태에서 vector을 클릭하면 우측패널이 잠궈지고 48로 되어있습니다.. 어떻게 해야할지 모르겠네요.K을 눌러서 수정하는 방법으로는 왜 제대로 돌아가지 않나요? 회전 축과 sacle의 관계가 어떻게 되는건지 궁금합니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
typography 설정시 엑셀
해당 엑셀 자료가 어디에 있는지 못찾겠네요 ㅠㅠ..
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
25강 Setting 관련 오류
안녕하세요 제가.. 디자인까지 배워야할지 몰랐는데 따라하다 보니 재미있네요. 다만, 25강에서 하기 publish 하면 오류가 있어서.. 어떻게 고칠수 있을까요?
-
해결됨디자인 시스템 with 피그마
화면이 보이지가 않아요?
기존 수강자인데 화면이 보이지 않고 소리만 들립니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
[19강]시맨틱 베리어블 - 폰트
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요.안녕하세요.19강 15분쯤 듣고 있는데요,properties 에서 밑줄(-) 이 있는데 이건 정의가 안된것일까요 ? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
25강.컴포넌트 만들기 전 라이브러리 세팅하기
안녕하세요. 우선 강의 너무 열심히 만들어주셔서 감사합니다.25강.컴포넌트 만들기 전 라이브러리 세팅하기 강의를 듣고있는데요.플러그인 apply variables사용할때 강사님과다르게 semantic만 화면에 나오는데 추후에 문제가없는건가요?publish도 다한거같은데 이유를 모르겠습니다.+추가적으로27강에서 텍스트에서 label텍스트에 Typography에 기존에 했던 텍스트 스타일을 적용할려고하는데 Body/md/medium 그전에는 Body를 Source Code Pro 적용했었는데 추후에 따로 body도 Pretendard로 적용하신건가요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
프로그레스 바 애니메이션이요~
프로그레스 바 & 스켈레톤 로더 강의 듣는 중인데요애니메이션 잘 적용시킨 것 같은데 프레임에 넣어도 움직이질 않아요 ㅠ ㅠ 이 상태로 멈춰 있어요 ㅠ
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
변경 기능 관련 강의 업데이트
안녕하세요 선생님! 강의 잘 듣고 있습니다. 혹시 피그마 자체 기능으로 변경된 강의는 언제 업데이트가 될까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
다크모드의 색상은 반드시 primitive에 정의된 색으로만 진행해야하나요?
안녕하세요! 강의 잘 듣고 있습니다.다크모드에서 컬러를 정의할 때 아래와 같은 부분이 궁금합니다:다크모드에서도 반드시 primitive에 정의된 색상만 사용해야 할까요?예: light에선 blue-800, dark에선 blue-200을 썼는데,다크 배경과 만나니 채도/명도가 너무 튀는 경우가 있더라고요.→ 이런 경우 primitive에 없는 색(hex code 등)을 써도 괜찮은지 궁금합니다.다크모드 전용 색상을 쓸 경우, 그걸 primitive에도 별도 등록해두는 게 일반적인가요?아니면 그냥 semantic 토큰의 mode:dark에만 넣어도 문제없을까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
병합된 셀 표현은 어떻게 표현하는게 좋을까요?
테이블을 보면 종종 병합된 셀 표현도 많이 나오는데요. 병합된 셀 테이블은 별도의 컴포넌트 없이 그냥 따로 만드는 게 나은걸까요?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션5 아이콘 색상 변경 질문입니다.
섹션5 마지막 강의, 마지막 부분에서아이콘 색상 변경되는 부분이 안돼서 질문 남깁니다.알려주신대로, icon placeholder와 아이콘의 색상을 color/icon/primary 로 맞췄고,icon placeholder 에서 24px짜리 복사해서 프레임과 함께 컴포넌트 만들고아이콘에 인스턴스 스왑 프로퍼티 설정하고, 아이콘 색상 inverse로 변경하고, 컴포넌트 복사해서 아이콘을 바꾸니 inverse 색상으로 아이콘이 바뀌지 않고 primary 색상 그대로 나옵니다.하라는대로 그대로 따라했는데.. 왜 적용이 안되는걸까요