묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
도형 요소 corner radius와 stroke
섹션 2 강의에서 도형 요소의 속성 조정하는 데에 질문이 있습니다.사각형의 corner radius를 따로 설정할 수 있는 버튼이 보이지 않습니다.사각형에 stroke 생성하고, 각 변에 stroke 유무를 설정할 수 있는 버튼이 없습니다.도형 요소 선택 시에는 보이지 않는데, 프레임 선택 시에는 저 두 버튼 모두 잘 보이고 작동합니다.
-
해결됨[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
채팅 ui 속성) 말풍선 크기 최대최소 조정 문제
말풍선의 최대 최소를 설정하고부터, 강의와 다른 결과가 나옵니다. 말풍선 자체의 auto layout에 크기 제한을 걸었을때➡ min, max 크기는 제한 ok그러나 전체 프레임을 줄였을때 min크기로 줄어드는게 아니고 프레임 바깥으로 잘림 말풍선+시간이 들어있는 auto layout에 크기 제한을 걸었을 때 (강의 내용)➡ 한글자만 들어있어도 항상 크기가 max로 고정그러나 전체 프레임을 줄였을때 맞춰 조정되나 min 크기 제한이 무시됨 hug와 fill을 하나씩 바꿔봤는데도 동시 적용이 안된다는 점 때문에 무엇이 문제인지 도통 모르겠네요ㅠㅠ
-
해결됨디자인 시스템 with 피그마
파일 편집 권한
안녕하세요피그마 수업 자료 파일 편집 권한이 없어수업을 진행못하고 있습니다 ㅠㅠ권한좀 부탁드립니다
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
primitive 지정이 필수인지 궁금합니다.
안녕하세요! 강의 너무 잘듣고 있습니다.지금 회사에서 사용하는 기본 설정을 이번 강의를 통해 디자인시스템으로 만드는 걸 목표로 수업을 듣고 있습니다. 다만 이를 진행함에 있어서 궁금한게 있어서 질문을 드립니다. 현재 저희 회사는 제가 혼자 디자인을 하다보니 따로 primitive에 해당하는 컬러값을 지정하지 않고 바로 semantic으로 이름을 설정해서 사용하고 있었는데요! primitive는 결국 기본 컬러값의 나열이라고 생각하는데, 이걸 필수적으로 설정해야하는 것인지 궁금합니다!--------------------------------------------------------학습 관련 질문을 남겨주세요. 영상이나 스크린샷 이미지도 첨부해서 작성하시면 도움이 됩니다.먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드려요.최대한 빨리 답변드리도록 노력하겠습니다.인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
아이콘 Union 관련 질문
위 그림처럼 Feather Icon에서 가져온 아이콘을 Union하면 형태가 변하는 경우가 나타납니다. 이런 경우 "Union을 해도 원래 형태를 유지할 수 있는 방법"이 궁금합니다.
-
미해결[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
폰에서 영상이....ㅠㅠ
핸드폰에서는 영상을 볼 수 없나요???
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
constraint 버튼에 적용할때 프레임이여야 하는지요
버튼이 반드시 프레임이여만 되는건가요? 프레임아니고 도형으만들면 적용이 안되는거 같아서요 그리고 constraint를 적용해서 버튼을 만든뒤에 버튼이니까 컴포넌트로 만들고 복사해 다른 프레임에서 인스턴스가 되쟎아요.그런데 문제는 컴포넌트 페이지에서 프레임 위드를 줄이면 복사한 인스턴스 페이지에서도 그 인스턴스 버튼도 똑같이 줄게되는데...이런건 어떻게 생각을 정리해야할까요?? 컴포넌트화 시에는 사용을 말아야하는건가요? 실무에서 모든 요소를 다 컴포넌트화하면 초보라그런지 너무할것도 많고 어렵게 느껴지는데 최소한의 것만 만들어서 인스턴스로 쓴다면 어떤것들이 있을까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
커서 챗
선생님 안녕하세요, 혹시 피그마에서 커서 쳇에서 색상을 변경 할 수 있는 방법이 있을까요?그룹으로 친구와 작업 하는데 커서 쳇 색상이 동일하게 나와서 조금 불편해서요...
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
타이포그래피 스타일 네임에 관하여
타이포그래피 스타일 등록을 하려고 하는데 선생님께서는 사이즈를 : m,l,xl 이런식으로 하시더라구요 이렇게 지정을 하는 이유가 따로 있을까요? 이렇게 사이즈를 지정했을 때 장점이 있을가요? 디자이너가 등록된 타이포를 검색해서 사용할때 폰트 사이즈를 검색해서 사용할 것 같은데 그렇게 검색해서 사용하기 위해서는 타이포 네임에 px 사이즈를 넣는게 더 사용하기 좋지 않나 하는 생각이 들어서 질문 남깁니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
[만능으로 쓰이는 기본 카드] 질문
안녕하세요 선생님강의 영상 1:00 ~ 1:10에서,Fill을 클릭하시면서 뭔가를 말씀하시는데 그게 무슨말인지 모르겠습니다 ㅠ그래서 그냥 fill->choose image로 이미지를 불러와도 화질이 깨져서 업로드되구요.이미지를 고화질로 업로드하는 방법이 뭔가요?
-
미해결피그마 배리어블을 활용한 디자인 시스템 구축하기
Swap instance 질문
아이콘을 직접 만들어서 components 화 시키고 사용하고 있는데 Swap instance 를 사용해서 아이콘을 변경하면 모두 아이콘 제작 당시 Component 에 적용된 색상으로 변경 됩니다. 선생님이 진행한 부분에서는 자동으로 Variant에 적용된 색상으로 적용되고 있는데 이렇게 하려면 어떻게 해야하나요... 아님 제가 수업 중 놓치고 있는 부분이 있는지.. 확인 부탁드립니다. 감사합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
피그마 토큰 스튜디오 vs 베리어블
현재 스타트업에서 디자인 시스템 구축을 준비하고 주니어 프로덕트 디자이너입니다. 피그마 토큰 스튜디오랑 베리어블중 어떤걸로 디자인 시스템을 구축하는게 좋을지 갈팡질팡 하고 있는 중입니다. 피그마 자체 기능인 베리어블로 사용하는게 좋을 것 같지만 아직 기능이 토큰 스튜디오 플러그인보단 다양하고 좋진 않아서 더고민이 되네요 베리어블을 사용해야하는 이유와 장점 같은게 있을까요
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
글리프에서 특수기호 찾는 법
플러그인에서 글리프를 불러와서는 필요한 특수기호를 찾지를 못해요~영어가 후달려서....우짜죠ㅠㅠ
-
해결됨피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
와이어프레임의 범위
와이어프레임은 low-fi, mid-fi, high-fi 와이어프레임으로 나눌 수 있다고 하셨는데보통 실무에서 와이어프레임을 만들어달라고 요구하는 이유는 대략적인 콘텐츠들의 배치나 화면의 흐름을 보기위함인가요?대학교에서 관련 프로젝트를 진행하게 되면서 pm분께서 저에게 gui를 완성해달라고 하셨어요. 지금까지 저는 gui가 ’버튼이나 아이콘, 혹은 삽입되는 일러스트와 같은 세부적인 그래픽요소‘ 정도로 인지하고 있었고, 와이어프레임은 웹이나 앱의 화면을 지칭하는 용어로 알고 있었습니다. 하지만 그 pm분은 gui를 ’당장 출시할 수 있을 정도로 완성된 화면‘을 만들어달라는 뜻으로 말씀하신 것이었습니다. 즉 제가 혼동되는 부분은 ’당장 출시할 수 있을 정도로 완성된 화면‘을 와이어프레임(굳이 따지자면 high-fi와이어프레임)이라고 불러야하는지, gui라고 불러야하는지 입니다. 실무에서는 해당 용어가 어떻게 사용되는지 궁금합니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이패드에서 보는 중인데 링크나 파일들은 어디서 받을 수 있나요?
아이패드로 보는 중입니다!링크는 댓글을 검색하여 찾았는데, 파일들은 어디서 받을 수 있을까요? 아이패드로 보는거라 링크가 안나오는걸까요ㅠㅠ
-
해결됨디자인 시스템 with 피그마
디자인 시스템 Component 만들 때
안녕하세요 디자인 시스템에서 버튼 컴포넌트를 예시로 등록할 때 같은 속성에 같은 디자인인데 크기만 달라지는 경우 이것도 일일히 디자인 시스템에서 높이 42짜리 버튼, 높이 30짜리 버튼 이런식으로 하나하나 등록을 하는지 궁금합니다.아니면 디자인 시스템에 있는 버튼을 인스턴스로 불러와서 디자인 화면에서 조정해서 써도 되는걸까요?버튼 뿐만 아니라 다른 컴포넌트도 동일하게 단순히 크기만 달라지는것도 디자인 시스템에서 크기별로 하나하나 등록해야 되는지 문의드립니다~~ 두번째 질문으로는 색상에서 컬러 토큰 명칭 지정할 때 주요하게 쓴다고 판단되는 것만 따로 (예 : 버튼 프레스, 버튼 디폴트 등...) 추려서 토큰 명칭을 새로 매기는지 아니면 디자인 화면안에 들어가는 모든 색상은 무조건 토큰 명칭으로 새로 지정을 해서 관리하는지 궁금합니다. 기존에 등록되어있는 컬러에서 새롭게 토큰 명칭으로 지정하는 부분에 대한 문의입니다 (예 : grey200 = $tertiary 식으로 새로 지정)감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면 <-> 면을 선으로 바꿀 수 있나요?
9-6. 아이콘 만들기 _ 해상도를 고려한 아이콘 Export하기의 내용에서 선을 면으로 바꾸면 수정시 원본이 없는 건데, 바꾼 면을 다시 선으로 바꿀 수 있나요? 있다면 방법을 알려주시면 감사하겠습니다!혹은 백업해놓고 바꿔 사용하는 게 더 효율적인지도 궁금합니다.
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,아니면 다른방법을 쓰시는지 궁금합니다.추가 질문)저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!
-
해결됨피그마 배리어블을 활용한 디자인 시스템 구축하기
ui component library 관련
안녕하세요, 현재 섹션4 라벨과 컨트롤그룹 수강하고 있습니다.강의보면 ui component library 예시로 보여주셨는데 공유를 해주시는 자료인가요? 열심히 수강 중인데 제가 놓친게 있나 해서 여쭤봅니다.감사합니다!
-
해결됨UIUX 포트폴리오 Part.1 - Figma(피그마) 깊이 있게 배우기
iconsax 플러그인이 어디에 있는건가요...
아무리 검색해도 안나와서 결국 제공해주신 완성본 파일에서 가져와서 하고 있는데 .. 제가 못찾는건지 ㅠㅠ,..,.