173만명의 커뮤니티!! 함께 토론해봐요.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
섹션3을 수강중입니다. 강의의 내용은 category - property - role - variant - state - scale로 이어지고 vriant안에 primary등이 쓰여집니다. 이미지는 대한민국 정부 디자인 시스템의 내용인데 여기서 primary는 type이고 쓰는 순서나 역할군도 다른거 같아서 너무 헷갈리는 것 같습니다.. 네이밍 순서를 어떻게 외워야할지 고민입니다..!
미해결
기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
안녕하세요 오토레이아웃 그리드 배워보기 강의를 듣고있습니다. 강사님께서 8:32에 shift+option+f를 누르면 하나의 프레임으로 묶을 수 있다고 말씀하시면서 수업이 진행되는데 전 그 단축키를 사용했을때 프레임으로 묶이지 않아요 혹시 command option g 가 아닌지 잘 모르겠어서 문의드리고 또 1개의 이미지가 그리드 선 사이를 넘나드는게 왜 저는 안될까요?? 이미지를 아무리 드레그 해도 크기만 커질 뿐 다음 그리드로 선이 넘어가지 못하는데 이건 뭘 잘못하고 있는걸까요
미해결
AI 도구와 피그마를 활용한 앱 서비스 기획
현재 피그마 관련 Basic 기능을 익히고 있는데 사이트를 보니, 윈도우에서도 앱버전으로 쓸 수 있네요. 혹시 앱과 웹의 차이가 클까요? 계속 웹으로 들어가는 것보다 바로 앱으로 해놓고 바로 접속하는 것도 편할거 같아서 여쭙니다!
미해결
입문자에서 실무자로: 피그마로 마스터하는 디자인 시스템 A to Z
그리드에서 사용하신 피그마 플러그인 Breakpoint 가 유료인데 추천해주실만한 무료 플러그인 있을까요?
미해결
기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
예제파일을 열어도, 현재 강의 내용과 일치하는 화면이 없습니다. 어떤걸 보고 따라 해야하나요? 아니면, 실습없이 강의를 듣는 영역인가요?
미해결
기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스
시작할때, 새로 만들기를 눌러서 시작하는게 아니라 주신 예제파일을 열어서 실행하는건가요? 저는 frame을 만들면, section이 없는데 강사님은 이미 section부터 시작하셔서요. create 밑에 있는 import로 앞서 주신 Practice v1.fig 파일을 불러오고 시작하나요?
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
6강에서 컴포넌트를 detach 하는 버튼이 보이지 않아요 단축키도 안먹힙니다 ㅠ
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
영상 10분 쯔음에 Shift 누르고 뭔가를 두번 누르면 사이간격이 8 이 된다고 하시는데, 뭐를 누르는지 모르겠습니다.
미해결
AI로 피그마에 날개 달기
강의의 내용을 보면 텍스트를 boolean property로 생성 할 수 있는데 제가 가지고 있는 figma에서는 텍스트는 boolean property로 만들 수 없어서요. 설정하는 방법을 알려주세요.
해결됨
사용자 흐름 설계부터 프로토타입 구현까지
안녕하세요 베리어블 에듀계정을 할려고 하는데 하는 법을 알려주시면 감사하겠습니다. 제가 처음 인트로 강의 때 알려준다 했는데 제가 못찾는건지 하는 방법은 안보이네요
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요. 요즘 Figma Variables 강의를 통해 실무에서 많은 도움을 받고 있습니다. 28강 수업을 수강하던 중 질문이 있어 문의드립니다. 아이콘 사이즈 설정 방식과 관련된 내용입니다. 강의에서는 하나의 아이콘을 기준으로 아이콘 플레이스홀더(컴포넌트 영역)를 별도로 구성한 뒤, 4가지 사이즈로 나누어 설정하신 것으로 이해했습니다. 다만 실제 디자인 시스템에서는 아이콘이 아주 많이 구성되어 있다보니, - 모든 아이콘을 각각 동일한 방식으로 개별 컴포넌트화하여 보여주신 것처럼 4가지 이상의 사이즈를 모두 만들어야 하는지, - 아니면 아이콘 전체를 하나의 규칙으로 관리한 뒤, 사이즈만 공통적으로 분리해서 사용하는 방식이 가능한지 어떤 방식으로 접근하는 것이 적절한지 판단이 어려워 질문드립니다. 디자인 시스템 관점에서 권장되는 구조나 설정 방식이 있다면 안내해주시면 감사하겠습니다. 감사합니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 안녕하세요! 완강 후 리뷰 이벤트까지 하였는데 강의 자료는 어떻게 받을 수 있나요? pmr7348@naver.com 메일 공유드립니다. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
선생님, property로 묶었는데 밖에 나와도 다이아몬드가 1개가아니라 4개 다이아몬드로 나오고 아이콘을 변경해도 그대로 인데ㅠㅜ 왜그런걸까요 복사해서 붙여넣기 한 후 밖으로 빼도 똑같습니다. 네모안에 있을때는 다이아몬드가 하나인데 네모 밖으로 빼면 다이아몬드가 네개가 됩니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Stack 컴포넌트 관련하여 궁금한 점이 있습니다. 해당 컴포넌트의 실용성은 '다양한 화면에서 동일한 간격으로 컴포넌트를 사용할 수 있다' 정도일까요? 더한다면, 추후 사용하는 Slot 컴포넌트를 활용하기 위함일 것 같은데 제가 현재 Slot 컴포넌트는 활용하고 있지 않아서.. 궁금한 점이, 만약 버튼의 간격같은 것을 토큰화하여 해당 토큰으로만 사용을 한다면, 버튼 스택 컴포넌트의 활용도가 다소 떨어지게되는 것이 아닌가? 하는 생각에서 볼드 선생님의 의견이 궁금합니다 Stack 형태로 여러 컴포넌트를 활용하는 라이브러리들을 봤지만, 결국에는 적절한 수만큼 자유롭게 늘리는것이 어려워서, 처음에는 2개만 쌓아놨다가, 3개, 4개, 드롭다운 메뉴 등에서는 10개 20개까지 늘려버리는 경우를 종종 본 터라, 어떻게 생각하시는지 궁금합니다.
미해결
피그마UI3 기초 + 실무 탄탄 초스피드 완강코스
벡터 그릴 때, 시작점에서 다음점으로 그은 다음에 언급하시는 "정점으로 가서 끊어주시고~" 라고 하시는데요. Q1. 정점의 뜻은 무엇이고, 정점은 어디에 해당되는 건가요? 영상을 보면서 아무리 반복해서 들어도 이해가 안되서요 ;;; Q2. 끊어준다는 말은 어떤 의미인가요? 이것도 잘 모르겠습니다. ;;;
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
해당 강의를 듣고 실무에 적용을 해보려고 하고있는데, 진행할수록 단순히 color/bg/interacitve/primary 와 같은 버튼과 체크박스 등 다양한 곳에 적용할 수 있는 통합(?) 배리어블보다는 color/FAB/bg/primary 와 같이 특정 컴포넌트를 위한 배리어블로 세분화를 해야할까? 하는 생각이 종종 들게됩니다 예를들어, 일반 CTA버튼(파란색)에서는 color/bg/interacitve/primary와 같은 범용 배리어블을 적용했을 때 문제가 없지만, 세그먼트 버튼같은 회색 박스 안에 있는 흰색 버튼에는 해당 배리어블을 활용할 수가 없겠는데..? 하는 생각이 들면서요. 그래서 결국 디자인 라이브러리가 발전하고 배리어블이 성숙해 나가면서부터는 컴포넌트별로 배리어블이 다양해지겠다는 생각이 드는데 이에 대해서 어떻게 생각하시는지, 필연적이라고 생각하시는지, 주의할 부분은 없을지 궁금합니다...!
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
버튼과 같이 '클릭' 액션이 있는 인터랙티브한 부분에는 bg/interactive 그룹에 있는 컬러를 사용하는 것으로 이해하고있는데 Text field의 bg는 그냥 일반형 컬러를 사용하는 것으로 보입니다. 강의상에서 빠른 제작을 위해 시적 허용...? 을 하신 것이죠? 실제 현업에서 사용할때는 interactive 컬러와 일반 컬러를 구분해서 사용해줘야할 것 같다는 생각이 드는데, 이것은 제 일차적인 생각이고 interactive라는 그룹을 색상 자체가 변동되는 (Hover, Press 액션이 있는) 컬러들의 그룹이라고 가정하면, 해당 텍스트 필드에서는 배경의 변화가 없으니 interactive가 아닌 컬러그룹을 사용하신 것인가? 라는 생각도 듭니다. 물론 정답은 없겠고, 사용하려는 방향과 정책에 따라 다들 다르겠지만 강의에서는 어떤 의도로 사용하셨는지가 궁금합니다
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
안녕하세요 강의 잘 듣고있는데요 Layout Grid 를 만드는 목적은 어떤 목적 때문에 만들게 되나요 ??
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요 강의를 수강하고있는 수강생이자 스타트업 외주제작사의 디자인시스템을 구축중인 인턴입니다. 29번 강의에서 강사님께서 공유해주신 아이콘 Union파일을 다운로드 받아 버튼 제작 중이나, 등록한 버튼의 아이콘 인스턴스 스왑의 컬러부분이 컴포넌트 색상과 연동되지않는 문제로 문의드립니다. 문제상황: 버튼 컴포넌트를 제작하여 1) → Leading Icon인스턴스 스왑을 등록 2) Select preferred values (+버튼)을 통해 다른 아이콘을 등록 3) 가져온 Union Icon 원본 파일에 제가 제작한 베리어블(Primitive 컬렉션)의 색상을 적용하여 4) 제작한 버튼 컴포넌트의 아이콘 역시 Union 아이콘과 일치하는 베리어블(Primitive 컬렉션)를 설정해준뒤, 버튼 컴포넌트와 어울리는 베리어블(Semantic 컬렉션)컬러로 변경하여 베리언츠를 Alt를 활용해 인스턴스를 뽑았습니다. 5) 등록한 프로퍼티의 → Leading Icon에서 다른 아이콘으로 변경 시 컴포넌트에 등록된 컬러와 동일한 컬러가 아닌 3번에서 적용된 베리어블 색상이 적용되어 출력됩니다. 유사 질문의 답변으로 문제가 1. 아이콘 레이어 이름이 반드시 동일해야한다. 2. 아이콘 형태가 반드시 동일해야한다. 라고 확인했는데, 아이콘 레이어 이름은 반드시 동일함을 이해하고 확인했으나 이상없습니다만, 아이콘 형태가 반드시 동일해야한다는 말이 이해되지않습니다. 예로, 제가 강사님께서 공유해주신 Icon 컴포넌트 중 Shape 아이콘을 복사하여 버튼 제작을 위해 사이즈를 16x16px로 조정하여 버튼 컴포넌트를 제작한 경우 2번째 상황으로 인하여 컬러 연동이 안되는 건지 궁금합니다.
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
안녕하세요, 볼드님. 25강. 컴포넌트 만들기 전 라이브러리 세팅하기 에서 UI Kit 컬러 라이브러리 창에서 보면 저는 볼드님과 다르게 color/text/tertiary가 뜨지 않아요. 또한 color/bg/primary, .Companent/Promary도 뜨지 않습니다. 플러그인에서 Apply variables도 0 variables applied라고 아무 것도 적용되지 않았다고 뜨네요.. 어느 단계에서 잘못된 걸까요?
