시작하세요 색션 만들기
미해결
코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기
제가 너무 귀찮게해서 죄송합니다... 컨테이너-그룹을 추가하면 위에 있는 그림과 그룹 사이에 여백이 생겨요 ㅠㅠ
- figma
- 반응형-웹
- no-code
- bubble.io
오현서
댓글 1
좋아요 0
조회수 120
묻고 답해요
176만명의 커뮤니티!! 함께 토론해봐요.
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
해결됨
디자인 시스템 with 피그마
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
지선
댓글 1
좋아요 1
조회수 126
tailwind color generator 이게 작동이 잘 안되네요
해결됨
디자인 시스템 with 피그마
이 플러그인 들어가서 gray 라고 치면 컬러가 9개 인가요? 이게 안나오고 그냥 단지 색도 안나오는 100이라는 글자 하나만 나오는데요
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
지선
댓글 2
좋아요 0
조회수 152
히어로 섹션 만들기
해결됨
코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기
<히어로 섹션 만들기> 1분30초부터 막히네요... 원래는 상은 님 화면에 있는 그룹c 처럼 가로가 세로보다 긴 직사각형 모양이 나오지 않고 세로가 가로보다 더 긴 직사각형 모양이 되네여.. 처음부터 다시 해봐도 똑같이 이런 모양이 나와요...
- figma
- 반응형-웹
- no-code
- bubble.io
오현서
댓글 1
좋아요 0
조회수 208
히어로 섹션 만들기
해결됨
코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기
<히어로 섹션 만들기> 1분 30초부터 막혀요 ㅠㅠ 영상처럼 칸이 가로로 넓은 직사각형이 안돼고 세로로 긴 직사각형이 만들어 져요 처음부터 다시 해봐도 계속 이렇게 되네여...
- figma
- 반응형-웹
- no-code
- bubble.io
오현서
댓글 2
좋아요 0
조회수 145
figma tokens플러그인 안나오는데요??
해결됨
디자인 시스템 with 피그마
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
지선
댓글 2
좋아요 0
조회수 216
각 강의별 샘플
미해결
피그마 시작하기
각 강좌에 사용되는 예제는 제공이 되지 않는건가요? 예) 프레임, 그룹 때 사용한 학습완료 파일 등등 예제는 그냥 눈으로 강의보면서 확인하고 실습은 못하는건가요?
- 웹-디자인
- 모바일-디자인
- figma
- ui
- ux
pyb3320
댓글 1
좋아요 0
조회수 166
업데이트 강의 버전은 언제 올라올까요?
미해결
[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)
2025년도 이제 끝나가는데.. 기다리다가 벌써 올해가 다가고있네요..ㅜ
- 프로토타이핑
- 모바일-디자인
- figma
- ux-기획
- 프로덕트디자인
B angela
댓글 0
좋아요 1
조회수 167
화면확대 인터렉션 질문이요
미해결
피그마 시작하기
강의를 여러번 봤는데도, 사진확대 컴포넌트를 만들고 인스턴스 컴포넌트를 프레임안에 넣고 사진을 어떠게 넣으라는건지 잘 모르겠습니다. 그룹을 해야 하는건지...인스턴스 컴포넌트안에 이미지를 넣을수는 없지 않나요., 그부분에 자세한 설명이 없어서 ....
- 웹-디자인
- 모바일-디자인
- figma
- ui
- ux
gangsugi
댓글 2
좋아요 1
조회수 181
웹을 제작할땐 프레임을 몇으로 잡는게 좋아요?
미해결
AI 도구와 피그마를 활용한 앱 서비스 기획
모바일은 360x640이라고 알려주셔서 하면 되는데요. 보통 노트북으로 접속하는 사용자가 많은 서비스를 만드는데요. 어떻게 잡고 가면 좋을까요? AI는 1440 x 900 이라고 알려줍니다. 이대로 하면 될까요? 이게 AI가 믿을수가 없는게 모바일도 첨엔 370으로 알려주더라구요. 360이 맞지 않냐 하니까 "아 죄송합니다!"이러고요.
- 프로토타이핑
- figma
- 서비스-기획
- 인공지능(ai)
- uiux
- 카카오공채-서비스
박상원
댓글 2
좋아요 0
조회수 118
피그마 플러그인을 문의 드립니다.
미해결
디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지
안녕하세요? 강의에 사용된 피그마 플러그인들이 어떤 것들인지 문의 드립니다. 실례지만, 알려주시겠어요? 감사합니다!
- figma
- 프로덕트디자인
- 카카오공채-디자인
Timothy Lee
댓글 1
좋아요 0
조회수 125
화면전화효과 질문드려요
미해결
피그마 시작하기
스트링베리어블로 이미지전환 인터렉션 만들기에서 다음버튼 처럼 이전버튼 만들려고 하면 이전버튼에 인터렉션을 동일하게 주면 되는건지요? 이미지3 -> 이미지2-> 이미지1 음....그렇게 했을때는 안되어서요
- 웹-디자인
- 모바일-디자인
- figma
- ui
- ux
gangsugi
댓글 2
좋아요 0
조회수 171
30번 강의질문
해결됨
피그마 시작하기
30.7-상품확대 인터렉션 만들기에서요 컴포넌트까지는 다 만들었는데요, 마지막에 이미지에 붙여넣기 할때 어떤식으로 하는건지 강의 봐서는 잘 획갈려서요 이미지를 4개 배치했고, 이미지가 각각 있는데 그걸 그룹화해서 넣어야 하는건지 어떤건지...잘.....
- 웹-디자인
- 모바일-디자인
- figma
- ui
- ux
gangsugi
댓글 2
좋아요 0
조회수 120
캡쳐할때 쓰시는 프로그램 이름 알 수 있나요?
미해결
AI 도구와 피그마를 활용한 앱 서비스 기획
캡쳐 하실때 쓰는 프로그램이 좋아보이는데요. 이름이 궁금합니다
- 프로토타이핑
- figma
- 서비스-기획
- 인공지능(ai)
- uiux
- 카카오공채-서비스
박상원
댓글 1
좋아요 0
조회수 155
실제로 개발할때 IA, 페르소나만 있으면 되나요?
미해결
AI 도구와 피그마를 활용한 앱 서비스 기획
제가 앱을 하나 개발중인데요. 저 혼자 1인 개발로 하고 있습니다. 일단 생각나는데로 페이지 하나씩 개발하다보니 페이지 다 만들고나서 기능 추가, 수정을 위해 갈아 엎는 경우가 계속 생기더라구요. AI에 물어보니, 혼자서 개발할 때의 적용 순서 (요약) "대참사"를 막기 위한 가장 이상적인 생각의 흐름은 다음과 같습니다. "누구를 위한 앱이지?" -> 유저 페르소나 를 간단히 정의한다. (예: "30대 초반의 이직 준비생, 김코딩") "김코딩은 지금 어떤 어려움을 겪고 있지?" -> 유저 저니맵 을 그려본다. (예: "강의 정보가 흩어져 있어 비교하기 힘들다"는 Pain Point 발견!) "좋아, 이 문제를 우리 앱으로 어떻게 해결해 줄까?" -> 핵심 기능들의 유저 플로우 를 그린다. (예: "강의 비교하기" 플로우, "수강 신청" 플로우를 그려보며 필요한 화면들을 구체화한다.) "그래서 우리 앱은 총 몇 개의 화면이 필요하고, 메뉴는 어떻게 구성할까?" -> IA 를 정리한다. (예: 엑셀에 필요한 페이지 목록과 메뉴 구조를 쭉 적는다.) "각 화면의 레이아웃은 어떻게 잡고, 흐름은 자연스러운가?" -> 와이어프레임/프로토타입 을 만든다. (예: Figma로 간단히 화면들을 그리고 연결해서 직접 클릭해본다.) "오케이, 이대로 만들면 되겠다!" -> 이제 개발을 시작한다. 이 과정을 거치면, 개발 단계에서는 이미 구조가 다 정해져 있기 때문에 '뭘 만들어야 하지?'를 고민하는 대신 '어떻게 잘 만들지?'에만 집중할 수 있습니다. 라우팅이 꼬이거나 페이지를 뒤엎을 확률이 극적으로 줄어들게 됩니다. 위와같이 얘기해주는데요. 유저 저니맵과 유저 플로우는 따로 할 필요가 없나요? 선생님 강의에 내용이 없는거 같아서요. 그리고 와이어프레임과 프로토타입은 같은거에요?
- 프로토타이핑
- figma
- 서비스-기획
- 인공지능(ai)
- uiux
- 카카오공채-서비스
박상원
댓글 2
좋아요 0
조회수 252
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
해결됨
디자인 시스템 with 피그마
안녕하세요! 토큰가공은 개발자분께 따로 강의해주신다고하셨는데, 혹시 토큰 가공하는 방법이 있는 강의도 따로 있을까요??
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- 프로덕트디자인
SOHYE KIM
댓글 2
좋아요 1
조회수 123
Image placeholder 그룹화
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
Lock Aspect Ratio 플러그인을 안써서 제 Image Placeholder는 그룹이 안생긴걸까요? 14:22초 처럼 Image placeholder-Dynamic에 붙여넣을 [Place image]나 하위 개념이 없습니다. Frame 새로 만들고 그룹으로 만들고 컴퍼넌트화해서 구조를 비슷하게는 해봤는데 (아래에 두번째 사진첨부)그렇게 하면 되는건지 궁금합니다.
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
orehi3634
댓글 2
좋아요 1
조회수 111
Auto layout 관련
미해결
UXUI 디자인 6주 완성 챌린지 (w. 피그마)
안녕하세요. 표제 관련 문의 드립니다. 수업대로 박스 생성 후 텍스트를 넣었고 그룹화한 다음에 add auto layout을 하였습니다. 이렇게 구두 박스를 만들고 복사해서 스니커즈를 만드려는데, auto layout이 됐음에도 텍스트가 프레임 밖으로 삐져 나옵니다. 구두 프레임 width를 hug로 맞추면 복사한 프레임 내 텍스트가 삐져나오는 현상을 막을 수는 있으나 선생님이 하신 것처럼 구두는 width를 작게 시작해서 스니커즈같이 긴 것은 긴대로. 이런식으로 구현하려면 어떻게 해야 하나요?
- 웹-디자인
- 모바일-디자인
- figma
- 프로덕트디자인
- uiux
platform_Biz
댓글 3
좋아요 0
조회수 223
Create Instance swap Property 안보이는 이유
미해결
[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
영상 18:13초에는 Icon Placeholder를 선택해서 Create Instance swap Property를 하게 되어있는데 왜 저는 안뜰까요..?
- 웹-디자인
- figma
- figma-tokens
- 디자인-시스템
- 아토믹-디자인
- figma-variable
- 프로덕트디자인
orehi3634
댓글 3
좋아요 0
조회수 262
텍스트 실습 도중 8:40 픽셀 보여주는 단축키
미해결
기초부터 실전까지! 모바일 UX/UI 디자인 완성
안녕하세요 텍스트 실습 비디오 도중에 엘리먼트를 움직이실때 픽셀 줄마다 픽셀이 나오는 부분이 여러군데 있는데 (예 8:40, 2:44), 나오게 하는 단축키가 있나요? 어떻게 해야 선택된 엘리먼트 사이들에 간격이 나오는지 궁금합니다.
- 모바일-디자인
- figma
- ux
- 클론-디자인
- 프로덕트디자인
Jun Im
댓글 1
좋아요 0
조회수 127
인기 태그
인프런 TOP Writers
- 수강생 4
- bluescreen 3
- 사용자27 3
- 예진 3
- 별명을붙여줘야겠군 3
- 최예진 3
- rkddnrdl97 2