inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

UX/UI 시작하기 : Figma 입문 (Inflearn Original) 강의 중

미해결

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

섹션 3. 컴포넌트 이해와 활용 중에서 "컴포넌트를 만드는 방법" 강의를 듣다 이해가 잘 안 되는 것이 있어 질문합니다. 컴포넌트를 만들 때는 더이상 쪼개지지 않는 단위부터 만드는 게 좋다고 하셨는데 조합형 컴포넌트를 만든다고 가정했을 때 (가령 ㅁ1+ㅁ2를 조합하여 컴포넌트를 만든다고 했을 때) 그 안에 요소가 마스터의 성격을 가질 수 있다라고 하면 기초 단위 마스터를 다시 만들어서 조합형 컴포넌트 안에 일반 ui요소를 컴포넌트 방식으로 교체해주면 된다고 하셨던 걸 토대로 한다면 ㅁ1+ㅁ2에서 ㅁ1, ㅁ2도 각각 컴포넌트 처리를 해야한다는 소리인가요?

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

강의 교안 요청

미해결

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

좋은 강의 잘 듣고 있습니다. 강의 교안 공유 요청하고 싶어 문의 글 남깁니다! jjjunn@naver.com 입니다. 감사합니다!

  • 웹-디자인
  • 모바일-디자인
  • figma
woojun_lee 댓글 1 좋아요 0 조회수 188

프리젠테이션에서 사용된 애니메이션 영상은 어떤 프로그램으로 만드셨나요

해결됨

[인프런 X 볼드UX] 디자이너 성장 가이드와 피그마 활용 꿀팁 모음

안녕하세요 ^^ 이런거 물어봐도 되는지 .. 모르겠습니다. 우연히 강의를 접하게 되었는데 [ 섹션 1. 성장을 위한 노트 ] 프리젠테이션에서 사용된 애니메이션이 스무스하게 움직여서요. 궁금해서 물어봅니다 혹시 어떤 프로그램으로 만드셨는지 물어봐도 될까요?

  • figma
  • 포트폴리오
  • 커뮤니케이션
  • 디자인-시스템
Chloe 댓글 1 좋아요 0 조회수 300

디자인 시스템을 만드는 중 버튼 관련 질문이 있습니다.

해결됨

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

만드려고 하는 방식은 Leading/Trailing Icon property를 넣어 껐다 켰다 하고 싶습니다. 동시에 버튼에 boolean variable을 넣어 skeleton모드를 껐다 켰다 하려고 합니다. 만든 컴포넌트는 다음과 같은 형태로, row는 버튼, skeleton에는 스켈레톤 컬러를 입혀놓은 상태입니다. 여기서 Icon 프로퍼티를 껐을 때 다음과 같이 아이콘 영역만큼 줄어드는 것이 아니라 왼쪽으로 밀리기만 하는데, 해결 방법이 있을까요? 더불어 버튼의 width 값도 자유롭게 늘렸다 줄였다 하고싶은데, 컴포넌트 프레임만 조절되며 안의 버튼은 fix된 상태입니다ㅠㅠ

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
dev 댓글 2 좋아요 0 조회수 297

섹션4

해결됨

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

섹션 4 10강 / 1시간 59분 입력(Input) 컴포넌트 만들어보기 처음 시작 때 에쎗으로 만들어논게 없는데 어느 강의부터 참고해서 이어지는 내용인가요 bold plus 에도 아이콘은 없고 그러다보니 버튼 컴포넌트 강의 중 하트 아이콘 인스턴스 선택지가 없습니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
박영호 댓글 1 좋아요 0 조회수 193

오토셀렉션 프레임셀렉션

해결됨

UIUX 포트폴리오 Part.2 -UIUX 디자이너로 취업하기

오토셀렉션을 쓸때와 프레임셀렉션을 쓰는경우를 구분짓고싶은데, 어떨때에 어떤걸 써야하나요??

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 콘텐츠-제작
  • 클론-디자인
최서연 댓글 1 좋아요 1 조회수 371

text style 적용안됨.

해결됨

UIUX 포트폴리오 Part.2 -UIUX 디자이너로 취업하기

clook 부분 영상에서 말씀하신 text style 적용하려했는데 변경이 안됩니다... 어떻게 해결해야하나요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 콘텐츠-제작
  • 클론-디자인
최서연 댓글 1 좋아요 1 조회수 306

자취러 팀에서 팀원 구하고 있습니다!

미해결

❗ 프로젝트 주제 : 공개SW를 이용한 자취 관련 앱 서비스 ❗ 예상 프로젝트 일정 : ~ 9월 ❗ 예상 모집인원 : 디자이너: 1명, 백엔드: 1명 ❗ 현재 팀 구성 현황 : 백엔드 2명(Spring Boot), 프론트엔드(Flutter) : 2명 디자이너: 1명 ❗ 현재 진행 상황 : 기획 중 입니다 ❗ 프로젝트 관련 주의사항 : 다들 으쌰으쌰 함께해요 안녕하세요 !! 🙇‍♂ 🙇‍♂ 공개SW 개발자대회에 나갈 팀원을 모집하고 있습니다. 2024년 18회를 맞이하는 국내 최대 규모 ‘공개SW 도전의 장’입니다. 공개SW에 대한 기본적인 개념과 이해, GitHub 등 필요한 지식을 강의로 제공하며 프로젝트 기획, 개발, 구현, 협업 등의 개발 경험과 기능 테스트, 라이선스 검증을 통해 공개SW의 전반적인 개발 과정을 경험할 수 있다고 합니다 UI/UX디자이너 구하고 있습니다! 관심 있으신 분들은 오픈 채팅 방으로 깃허브 링크 보내주시면 감사하겠습니다 :) 많은 관심 부탁 드리겠습니다!! https://open.kakao.com/o/sGQpBNtg

  • ui/ux
  • designer
  • 디자이너
  • figma
  • springboot
댓글 1 좋아요 0 조회수 360

궁금합니다.

해결됨

디자인 시스템 with 피그마

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
support 댓글 2 좋아요 1 조회수 197

테이블만들때 컴포넌트 구성

해결됨

디자인 시스템 with 피그마

안녕하세요아래 라인만 있는 리스트 테이블을 만들려고 하는데요 오토레이아웃을 활용할경우 컴포넌트 구성을 어떻게 해야할지 궁금합니다

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
jihyun6306 댓글 2 좋아요 1 조회수 374

Html로 변환하는 플러그인 추천바랍니다

해결됨

디자인 시스템 with 피그마

쌤 오프라인수업도 들었는데 너무 도움이 되었어요 멀캠에서 후속 심화과정도 있었으면 좋겠습니다 프로젝트에 퍼블리셔가 없어서요 Html로 바로 뽑아서 개발자에게 넘겨야하는데 그래도 제일 정확도?가 높은 플러그인이나 변환 사이트 있으면 추천 부탁드리고 변환할 때 팁 있으면 알려주세요~

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
jihyun6306 댓글 2 좋아요 1 조회수 2429

2024-06 피그마 UI3 자료

미해결

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

이번에 업데이트 된 피그마 UI3 자료 업로드 소식 부탁드립니다.

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
Son Byung Ho 댓글 1 좋아요 1 조회수 503

컨포넌트의 파일 간 이동

해결됨

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

(상황) 현재 강의 별로 파일을 만들어 수업 한 내용을 페이지에 정리했습니다. (질문) *실무 경험이 없어 이런 질문을 남기게 된 점 양해부탁드립니다. 파일을 관리할 때, 지금처럼 주제 별 (네비게이션, 피드백 등)로 파일을 만드는 게 좋은지 아니면 한 파일에 모든 컨포넌트를 넣어놓는 게 좋은지 궁금합니다. 각 파일별로 분산 된 컨포넌트를 한 곳에 모을 때, 제가 발견한 방법은 '해당 컨포넌트 잘라내기 - 붙여넣기'입니다. 혹시 좀 더 효율적인 방법이 있을까요? 항상 감사드립니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
김보준 댓글 1 좋아요 0 조회수 564

29일 마감인 인증샷 스터디는 어떻게 신청하나요?

해결됨

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

기 수강생도 참여가 가능한가요? 강의 소개 페이지에 스터디 프로그램이 있는 것 같아 신청란을 찾아보려는데 혹시 신규 수강생에 한해서 진행되는 스터디인지 궁금합니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
terry 댓글 1 좋아요 0 조회수 208

iOS/AOS 구분 작업

미해결

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

현재 진행 중인 프로젝트에서 같은 앱을 안드로이드와 iOS를 구분해서 작업 중인데, 구분해서 작업하는 것과 통합해서 하나의 작업물을 만드는 것에 대해 어떻게 생각하시는지 혹은 업계 동향이 어떤지 궁금합니다.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • ios
  • aos
  • app
hr2325 댓글 1 좋아요 0 조회수 779

Google icon 가져오기

해결됨

AI로 피그마에 날개 달기

강의 정말 잘 듣고 있습니다 . (실습) 추가 아이콘 찾기와 AI로 아이콘 그리기 에서 Google Icon 에서 아이콘을 복사 할때 원본 Google Icon 을 꼭 Control + X 로 만 복사해와야 할까요? 원본 Google Icon이 손상되지 않게 아이콘을 복사하고 싶은데 Control +C 로 가능 한지 문의드립니다.

  • figma
스터디18832 댓글 1 좋아요 0 조회수 286

[컬러] https://swatchy.twosix.studio/

해결됨

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

안녕하세요^^ 우선 좋은 강의 준비해주셔서 감사합니다. 잘 들고 있어요. 궁금한점은요. https://swatchy.twosix.studio/ 에서 베이스 색상입력하면 제가 입력한 컬러가 (브랜드컬러여서) 400,500,600 중에 하나로 들어오고 나머지가 구성될줄 알았는데요. 피그마에서 .json파일 불러들오오니까 base 가 따로 존재 해버려서요. 제가 원하는 컬러의 색 변화가 아닌듯합니다. 어떻게 된건지 궁금합니다. (제가 이해 잘못하고 있을 수 있습니다.) 그리고 컬러 톤 50~ 900 사이를 생성하는 자동 프로그램이 다른 플러그인이나, 사이트 추천 부탁드리겠습니다. 감사합니다. 우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요. 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변 드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크 를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문 이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기 로 인프런 쪽으로 연락 주시기 바랍니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
dingo2 댓글 2 좋아요 0 조회수 264

Visual 에 이미지 넣기

해결됨

디자인 시스템 with 피그마

안녕하세요, 비주얼에 이미지 붙여넣기 하셨는데, 저는 아래 사진처럼 병렬로 들어가져서요.. ㅠ 어떻게 해야 할까요..?

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
fun130 댓글 2 좋아요 1 조회수 602

TOKEN STUDIO에 모든 기록이 사라졌어요..ㅠ

해결됨

디자인 시스템 with 피그마

안녕하세요, Token Studio 플러그인에 컬러,타이포, 다 입력후 끄고 다음날 아침에 일어났는데.. Token Studio 플러그인에 있던 모든게 살아졌어요.. ㅠ 그래서 아무거나 눌렀는데, 전혀 다른 세팅이 보였고, 그래서 피그마 로컬에 있는 정보 import를 하였으나 대체되지 않아..전부 다시 작업해야 하나 하고 있습니다.. ㅠ Token Studio 플러그인에 따로 저장을 하거나.. 그런 기능은 없나요? 아니면 강사님께서 해놓으신 자료 복사해서 세팅값을 가져다 쓸수 있는 법은없을까요? 계속 사라져서 이거 세팅만 계속 반복하고 있네요..ㅠ

  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
fun130 댓글 2 좋아요 1 조회수 399

아이콘 컬러 배리어블 적용이 안되어 질문 드려요!

해결됨

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

선생님 안녕하세요! 버튼 컴포넌트 제작 강의를 보며 따라서 만들고 있는데요~ 아이콘 fill에 배리어블을 적용해도 아이콘 색상이 변하지 않는 문제가 있습니다~ color/icon/interactive/inverse 색상을 선택해도 적용이 안되며, 다른 배리어블 색상을 적용해도 동일하게 적용이 안됩니다! 이름만 적용되고 색상은 변경이 안되는 상태입니다 ㅠㅠ (feather icon을 shape 면으로 병합한 형태로 정리하였고, Vector로 동일하게 이름도 적용했습니다. 아이콘 컬러 배리어블 색상도 등록한 상태입니다. 아이콘을 면으로 정리할 때 유니온과 아웃라인이 안되는 경우, 커뮤니티에 공유해주신 Convert SVG Strokes to Fills 웹 사이트를 이용했습니다! ) feather icon 외에 다른 아이콘 컴포넌트로 테스트 해보니 배리어블 색상이 적용됩니다. 해결 방법이 있을까요?

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 아이콘
  • icon
댓글 2 좋아요 0 조회수 753

인기 태그

인프런 TOP Writers

주간 인기글