묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨디자인 시스템 with 피그마
파일 편집 권한
안녕하세요피그마 수업 자료 파일 편집 권한이 없어수업을 진행못하고 있습니다 ㅠㅠ권한좀 부탁드립니다
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
primitive 지정이 필수인지 궁금합니다.
안녕하세요! 강의 너무 잘듣고 있습니다.지금 회사에서 사용하는 기본 설정을 이번 강의를 통해 디자인시스템으로 만드는 걸 목표로 수업을 듣고 있습니다. 다만 이를 진행함에 있어서 궁금한게 있어서 질문을 드립니다. 현재 저희 회사는 제가 혼자 디자인을 하다보니 따로 primitive에 해당하는 컬러값을 지정하지 않고 바로 semantic으로 이름을 설정해서 사용하고 있었는데요! primitive는 결국 기본 컬러값의 나열이라고 생각하는데, 이걸 필수적으로 설정해야하는 것인지 궁금합니다!--------------------------------------------------------학습 관련 질문을 남겨주세요. 영상이나 스크린샷 이미지도 첨부해서 작성하시면 도움이 됩니다.먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드려요.최대한 빨리 답변드리도록 노력하겠습니다.인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 Union 관련 질문
위 그림처럼 Feather Icon에서 가져온 아이콘을 Union하면 형태가 변하는 경우가 나타납니다. 이런 경우 "Union을 해도 원래 형태를 유지할 수 있는 방법"이 궁금합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 스타일 네임에 관하여
타이포그래피 스타일 등록을 하려고 하는데 선생님께서는 사이즈를 : m,l,xl 이런식으로 하시더라구요 이렇게 지정을 하는 이유가 따로 있을까요? 이렇게 사이즈를 지정했을 때 장점이 있을가요? 디자이너가 등록된 타이포를 검색해서 사용할때 폰트 사이즈를 검색해서 사용할 것 같은데 그렇게 검색해서 사용하기 위해서는 타이포 네임에 px 사이즈를 넣는게 더 사용하기 좋지 않나 하는 생각이 들어서 질문 남깁니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[만능으로 쓰이는 기본 카드] 질문
안녕하세요 선생님강의 영상 1:00 ~ 1:10에서,Fill을 클릭하시면서 뭔가를 말씀하시는데 그게 무슨말인지 모르겠습니다 ㅠ그래서 그냥 fill->choose image로 이미지를 불러와도 화질이 깨져서 업로드되구요.이미지를 고화질로 업로드하는 방법이 뭔가요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
Swap instance 질문
아이콘을 직접 만들어서 components 화 시키고 사용하고 있는데 Swap instance 를 사용해서 아이콘을 변경하면 모두 아이콘 제작 당시 Component 에 적용된 색상으로 변경 됩니다. 선생님이 진행한 부분에서는 자동으로 Variant에 적용된 색상으로 적용되고 있는데 이렇게 하려면 어떻게 해야하나요... 아님 제가 수업 중 놓치고 있는 부분이 있는지.. 확인 부탁드립니다. 감사합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 토큰 스튜디오 vs 베리어블
현재 스타트업에서 디자인 시스템 구축을 준비하고 주니어 프로덕트 디자이너입니다. 피그마 토큰 스튜디오랑 베리어블중 어떤걸로 디자인 시스템을 구축하는게 좋을지 갈팡질팡 하고 있는 중입니다. 피그마 자체 기능인 베리어블로 사용하는게 좋을 것 같지만 아직 기능이 토큰 스튜디오 플러그인보단 다양하고 좋진 않아서 더고민이 되네요 베리어블을 사용해야하는 이유와 장점 같은게 있을까요
-
해결됨디자인 시스템 with 피그마
디자인 시스템 Component 만들 때
안녕하세요 디자인 시스템에서 버튼 컴포넌트를 예시로 등록할 때 같은 속성에 같은 디자인인데 크기만 달라지는 경우 이것도 일일히 디자인 시스템에서 높이 42짜리 버튼, 높이 30짜리 버튼 이런식으로 하나하나 등록을 하는지 궁금합니다.아니면 디자인 시스템에 있는 버튼을 인스턴스로 불러와서 디자인 화면에서 조정해서 써도 되는걸까요?버튼 뿐만 아니라 다른 컴포넌트도 동일하게 단순히 크기만 달라지는것도 디자인 시스템에서 크기별로 하나하나 등록해야 되는지 문의드립니다~~ 두번째 질문으로는 색상에서 컬러 토큰 명칭 지정할 때 주요하게 쓴다고 판단되는 것만 따로 (예 : 버튼 프레스, 버튼 디폴트 등...) 추려서 토큰 명칭을 새로 매기는지 아니면 디자인 화면안에 들어가는 모든 색상은 무조건 토큰 명칭으로 새로 지정을 해서 관리하는지 궁금합니다. 기존에 등록되어있는 컬러에서 새롭게 토큰 명칭으로 지정하는 부분에 대한 문의입니다 (예 : grey200 = $tertiary 식으로 새로 지정)감사합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,아니면 다른방법을 쓰시는지 궁금합니다.추가 질문)저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
ui component library 관련
안녕하세요, 현재 섹션4 라벨과 컨트롤그룹 수강하고 있습니다.강의보면 ui component library 예시로 보여주셨는데 공유를 해주시는 자료인가요? 열심히 수강 중인데 제가 놓친게 있나 해서 여쭤봅니다.감사합니다!
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
이해관계자 분류
이해관계자를 분류할 때예시를 들어주신 것처럼 (600만원, 500만원, 400만원.....)그 기준은 제가 임의로 정하는 건가요?기준을 어떻게 잡아야 하는 지 모르겠어요.
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
프로토타입 (1)과 (2) 영상 내용이 같아요
5주차 프로토타입 (1)과 (2) 영상 내용이 같은데어떻게 된 건가요?
-
해결됨UXUI 디자인 비전공자를 위한 포트폴리오 제작방법
pdf파일 어디서 다운 받을 수 있나요?
pdf파일 어디서 다운 받을 수 있나요?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
color variable 등록 시 naming 및 색깔 기준 문의...
안녕하세요. 강의 몇 번이나 돌려보고, 자료 보면서 제가 진행하고 있는 개인 프로젝트에 맞춰서 수정/작성하고 있습니다. 그러던 중 color variable 등록할 때 궁금증이 생겨서 글을 작성하게 되었습니다. theme에서 neutral로 재정의하는 이유가 뭘까요? (primitive에 greyscale이 있음에도 불구하고)semantic color 에서 primary / secondary / tertiary가 뜻하는게 뭔가요?semantic color에서 bold와 subtle은 언제 쓰는건가요~?semantic color에서 그냥 컬러들이랑 INTERACTIVE에 넣은 컬러들이랑 사용처가 어떻게 다른지 궁금합니다 ㅠㅠㅠ
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 색상 배리어블 등록하기
3:27~theme 등록 중에라이브러리에서 참조 브랜드 컬러 50을 주신다고 하셨는데,컬러 스타일 기본 셋팅이 안되있는 상태에서 실습이 가능한걸까요? 플러그인 설치부터 다시 해봐도같은 셋팅값 설정이 안되있어서 질문남깁니다! 아직 초~중반 수강중인데, 퀄리티가 너무 좋네요.감사합니다.
-
해결됨디자인 시스템 with 피그마
토큰 네임 작성
토큰에서 네임을 작성할때 대문자와 소문자를 번갈아가면서 쓰시던데 기준이 있나요? 소문자로시작해서 띄어쓰기 대신 대문자가 들어가는 것까진 이해가 되는데 아예 대문자로 시작하는건 어떤 경우에 이런식으로 작성하는 건가요?
-
해결됨디자인 시스템 with 피그마
반응형 문의
안녕하세요 범쌤님새해복 많이 받으세요.범쌤이 보여주신 헤더,GNB를 보다가.반응형 이론에 대해서 궁금한게 있어서 문의드립니다. 현재 저는 고정사이즈 웹을 디자인 하고 있는데요 나중에 반응형을 할거같은데 깊이 알지 않아서 겁이납니다! 그래서 범쌤님께 조언을 구하고 싶습니다. 반응형 웹에 대하여반응형 웹은 3가지 사이즈로 작업해야 한다. (핸드폰/타블렛/웹) 핸드폰 (360~743px)타블렛 (744~1024px)웹( 1025~1920px) 즉, 반응형 웹을 할때는 같은 디자인이지만, 3가지 플랫폼을 생각하여 3개로 디자인한다.(360 한개, 1024 한개, 1920 한개)ㄴ 최소크기를 기준으로 작업하고 크게 핀다. ㄴ 최소 크기로 짤리면 안되는 컨텐츠를 염두하고 작업한다 (최소크기: 360,744,1025)3개로 작업하고 개발자한테 넘기면 된다! (에셋이나 컴포넌트 사용은 공통!)여기까지가 반응형 웹 작업시, 이론으로 알고있습니다! 혹시 제가 잘못알고 있는게 있을까요 그리고 두번째 질문은 모바일은. 고정으로 작업하는걸로 알고있는데 (물론 아이폰과 안드로이드 사이즈는 다름, 기종사이즈다름) 모바일은 반응형은 없는거죠..? 궁금합니다. 질문이 많아 송구스럽습니다! 항상 감사드립니다.
-
해결됨디자인 시스템 with 피그마
디자인시스템 문의
안녕하세요 범쌤님! 저는 정말 사수가없는 직장에서 범쌤님 강의와 질문답변 읽으면서 ㅠㅠ 너무 많이 배우고 있습니다.새해복 많이 받으세요! (절) 제가 문의글을 쓴 이유는 디자인시스템을 잡다가 variant 를 할때 불편한 점이 있어서! 문의드려요.1번 질문너무 많은 버튼의 상태값이 반복되다 보니 계속....... hover 타이핑만 20번 치고있는데 제가 주로 쓰는건 EnabledHoverSelectedFoucsed 정도인데 ㅠㅠ 이걸 계속 타이핑 치다보니까 힘들어서요 혹시 범쌤님은 어떻게 하시나요?2번 질문그리고 범썜님이 자주쓰는 상태값 (hover, selected등) 알고싶습니다! 제발 알려주세요....! (내부디자이너 1명인 상황ㅠㅠ)3번 질문 오토레이아웃을 쓰면 "Fixed" "Hug" "Fill" 이 세가지 값이 있고 오토레이아웃 안에 오토레이아웃을 쓸때마다 혼란이 옵니다. 제가 아직 잘 채득을 못한거 같은데 저는 아래와 같이 이해하고 쓰고있습니다. 검토 부탁드립니다 ㅠㅠ "Fixed" - 현재 프레임 길이 값에 고정. 내부 컨텐츠가 많든 적든 현재 프레임 길이에서 벗어나지 않음."Hug" - 현재 프레임 내부에 존재하는 컨텐츠 양에 따라 프레임 길이도 변함."Fill" - 현재 프레임 내부에 존재하는 컨텐츠 양에 따라 프레임 길이도 변함. (근대 Hug와 다른이유는 프레임을 꽉채우겠다는//?) 항상 감사드립니다 범쌤님! 새해에도 좋은일만 가득하세요~~
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[실습] 간격 배리어블 등록하기
간격 배리어블 스타일가이드 만들 때는 어떤 플러그인 사용하셨는지 알 수 있을까요..?
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
슬랙 커뮤니티 초대 문의
안녕하세요! 선생님 슬랙 커뮤니티 초대 부탁드립니다!!