inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

디스코드 초대 오류

미해결

취업/이직에 성공할 수 밖에 없는 포트폴리오 전략 강의

안녕하세요! 디스코드 초대가 만료되었다고 뜹니다..!

  • 포트폴리오
  • ux-기획
  • 프로덕트디자인
정지수 댓글 2 좋아요 0 조회수 224

예제 실습

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

예제 실습에서 설정 아이콘을 만들 때 가운데 작은 원 4 4 사이즈는 stroke를 1로 설정해도 되는 건가요? 그러니까 톱니 모양은 stroke이 1.5 이지만 작은 원은 4 4 사이즈에 1로 해도 되는 것인지 여쭤보고 싶습니다

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
피그마학생 댓글 1 좋아요 0 조회수 147

컬러변수 사용 이유

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

컬러변수를 사용하는 이유를 모르겠어요. 강의를 들어도 UI가 복잡해지고 한개의 컬러를 여러가지 UI타입에 사용할 경우 왜 변수설정이 좋은지 모르겠어요. 스타일이 등록이 간편해 보이는데, 왜 더 좋은가요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
RooRoo 댓글 0 좋아요 2 조회수 157

디자인 시스템 세팅 임포트

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요, 디자인 시스템 세팅하는데 있어 텍스트 세팅 부분 부터 수업을 잘 따라가지 못하겠습니다. 다음 스텝으로 넘어가려면 이미 베리어블들 세팅이 되어 있어야하는 것 같은데, 이미 만들어진 버전 임포트 하는 방법 없나요? 일단 진도는 나가고 완강 후 다시 돌아가야할 것 같습니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
고예진 댓글 5 좋아요 0 조회수 231

Type setting 속성

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

Type setting 안에 alignment, decoration, list style, truncate text 이 4가지밖에 없는데 혹시 다 보이게 만드는 방ㅂ넙이 있나요 ? ㅠㅠ

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
깨끗한 양 댓글 1 좋아요 0 조회수 80

ellipse 에서 호로 그려지지가 않는데 어떻게 하면 되나요?

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

기본 도형으로 ellipse 를 선택하면 꽉 찬 타원만 그려집니다. 예제처럼 호를 그리려면 어떻게 해야하나요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
깨끗한 양 댓글 0 좋아요 0 조회수 85

깃허브 sync 오류

해결됨

디자인 시스템 with 피그마

안녕하세요!! 현재 핸드오프 절차중인데, 혹시 이 부분에서 어떤 솔루션이 있을 수 있을까요?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • 프로덕트디자인
코지 휴먼즈 클럽 댓글 2 좋아요 1 조회수 217

스케치 피그마 임포트

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

섹션 3 아이콘 등록 방법에서 아이콘 union 첨부 파일 주셨는데 스케치 파일입니다. 피그마로 어떻게 임포트 하나요,,,?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
고예진 댓글 2 좋아요 0 조회수 317

UX개선사항이 없는 에이전시출신 UI디자이너

미해결

취업/이직에 성공할 수 밖에 없는 포트폴리오 전략 강의

안녕하세요 4년차 UI디자이너&퍼블리셔 입니다. 에이전시에서 근무했고 총 50개의 프로젝트를 진행하였지만 UX적으로 개선한 적이 없고 고객사의 입김으로만 디자인 했던 터라 문제해결 능력을 어떻게 풀어나갈 지 의문입니다. 지금이라도 UX해커톤이라던지 기초강의나 학원을 다녀서 실무프로젝트가 아닌 사이드 프로젝트를 첫번째 포폴로 넣어야할까요? 사내 프로젝트 중 이미 배포된 전 프로젝트의 UIUX를 개선하여 지인들에게 설문 돌려서 얻는 데이터가 최선인데 이렇게 해도 될까요? 또한 퍼블리싱 및 개발팀과의 커뮤니케이션 능력을 어필하기 위해 마지막은 피그마 디자인 시스템&코드 컴포넌트화로 개선된 사항을 정리하려고 하는데 이 부분도 괜찮을까요?

  • 포트폴리오
  • ux-기획
  • 프로덕트디자인
김희민 댓글 2 좋아요 0 조회수 367

피그마 새로 바뀐것

미해결

AI 시대의 프로덕트 디자인 - Figma Meetup in Korea

적응하기 힘들어욧! 이렇게 강의 해주셔서 감사합니다.

  • figma
  • 인공지능(ai)
  • 프로덕트디자인
Grace Jung 댓글 1 좋아요 0 조회수 134

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

제목 그대로, Copy Link로 프로토타입 공유 시, 제가 Advanced settings > Show device frame 메뉴에서 unchecked하고 프레임 없앤 상태에서 공유를 해도, Link를 받은쪽에서는 휴대폰 프레임이 디폴트로 보여지는데, 공유할때부터 프레임 없이 보일 수 있도록 설정이 불가능할까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 368

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

컨텐츠를 다 반영한 후에 프레임 위아래 길이를 좀 줄이려고 하단바 있는 부분에 커서를 놓고 위로 드래그했는데, 제가 눈에 보이는 프레임 자체는 조정되지 않고, 하기 첨부 이미지처럼 안보이던 박스(파란색으로 선택한 상태의 박스) 크기가 조정이 되어요. 제가 따로 만든 적이 없는 박스인데 이건 뭘까요? ㅎ 조언 부탁드립니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 180

11강 강의 내용

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

11강에서 오브젝트 불러오기 설명해 주실 때 어도비 일러스트에 있는 오브젝트에서 피그마로 불러올 때 강사님께서 "그대로 이 path가 살아있다"라고 하셨는데 여기서 말하는 path가 무엇인가요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
피그마학생 댓글 1 좋아요 0 조회수 210

Style 저장하는데 Variable?

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

Color styles을 저장하고 있었는데, 뭔가 투명도 처리 등을 한 컬러를 저장하니까 Local Variables이라는 다른 카테고리로 Styles과 별개로 저장이 되는데 이게 뭔가요? 이걸 Styles로 같은 카테고리로 저장은 못하나요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 1 좋아요 0 조회수 427

Text 박스 조정하는 법

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

도형 안에 텍스트를 올려 버튼을 만드는 일이 많은데요. 도형 안 텍스트가 정 한가운데에 있어야하는데, 계속 살짝 위아래 정렬이 한가운데가 아니라 아래쪽으로 쏠린 모습이예요. 텍스트박스도 도형 안에 한 가운데에(동일 Padding) 잘 놓았고, 텍스트박스도 위아래 가운데 정렬 설정 모두 다 잘 한상태인데두요. 그래서 Text의 Line Height 이라는 부분을 줄간격 개념으로 생각하고 Auto가 아닌 0으로 설정해보았는데, 첨부드리는 이미지와 같이 Text 박스가 실제 Letter보다 작아져요. Line Height 0이면 텍스트박스가 원래 그렇게 작게 보이는건가요? 텍스트 박스 안의 Letter 높이와 딱 맞게 텍스트 박스 높이를 조정하려면 어떻게 해야하나요? 텍스트의 Font size와 동일하게 텍스트박스 Line Height 맞추면 비슷해지는것같긴하지만, 여전히 하단맞춤정렬이 되어있는 느낌입니다. 버튼 도형안에 버튼명 텍스트가 한가운데에 보이게 하려면 어떻게 해야할까요? 혹시 텍스트 Layout (ㅣ→ 이런 설정)의 문제일까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 1207

확장성

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

확장성을 위해 아이콘 제작에서 스트록으로 그린 아이콘은 스트록 아웃라인을 해야 커져도 크기의 비율이 일정하게 늘어나는 거죠?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
silverjeni02 댓글 2 좋아요 0 조회수 150

자료 다운로드 방법

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

수업 자료를 다운로드하려고 https://www.figma.com/@inflearn 에 들어가서 [업데이트]라고 된 것 3가지를 다운받으려 하는데 자료를 어떻게 다운받는지 모르겠어요. 편집화면? 비슷한 것만 나와요. 제가 피그마를 하나도 몰라서 ... 어떻게 할 지 모르겠습니다. 기존 글을 찾아보니 인프런에서 다운로드 하는 방법도 있던데 만약 이것도 가능하면 어떻게 찾아가는지 알려주세요.

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
Doha 댓글 1 좋아요 0 조회수 418

업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요.

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요. 업데이트는 언제 가능한가요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
imyevely 댓글 2 좋아요 1 조회수 235

하단바 설정하는 방법

미해결

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

선생님께서 영상에서 보여주신 것처럼 Frame은 실제 화면 상관없이 길게 하고, 맨 하단에 하단바 Fixed position으로 놓아주고, Prototype에서 볼때 실제 볼 디바이스 설정해서 보는 방법이 있고, 1번 방 법 아니면 첨부 이미지와 같이 Frame을 실제 볼 디바이스 해상도로 설정해주고, 하단바를 저런 식으로 Frame 하단에 붙여주고, 그 밑으로 스크롤 되는 컨텐츠들은 Frame 밖에 저렇게 놓고 묶어주는게 맞는건가요? (핑크색 바탕에 블랙 사각형 4개 있는 것이 하단바입니다.) 1번 방법이 디자인 작업할때는 쉬운데, Prototype에서 해당 디바이스 설정하면 자꾸 휴대폰 모양 프레임이 나와서 별로예요.. 다른 방법이 있는지요. 조언 부탁드립니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
Haein 댓글 2 좋아요 0 조회수 353

완강 이벤트에 참여 했는데, 자료는 언제쯤 받아 볼 수 있을까요?

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요, 훌륭한 강의 감사합니다. 완강 이벤트에 참여하여 수강 후기와 설문조사를 모두 완료했는데, 아직 노션 자료를 받지 못했습니다. 혹시 누락된 건지, 아니면 언제쯤 받아볼 수 있는지 확인 부탁드립니다. 감사합니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
호랭이 댓글 2 좋아요 0 조회수 153

인기 태그

인프런 TOP Writers

주간 인기글