inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

마우스 클릭 갤러리 마우스 클릭 공지사항 .js .html .css 세번 정도 다시 해보고 class명까지 바꿔가며 확인을 했지만 도저히 찾을 수가 없어요 이상하게 .js가 아예 안되는 것도 아니고 배경색만 바뀌지 않습니다 제가 보기엔 .btn a.active 가 .js로 입력이 안되는 것 같은데 정말 궁금하네요!

  • HTML/CSS
  • jquery
  • 웹-디자인
sujin12345kim 댓글 2 좋아요 1 조회수 116

뷰티파이 설치 관련 문의

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

30:00 익스텐션 뷰티파이 설치 시 제 코드에서는 이렇게 나오는데, 설치해서 사용해도 되는건가요??

  • HTML/CSS
  • jquery
  • 웹-디자인
댓글 3 좋아요 1 조회수 120

색상 파레트 제작 시, 색상 배합 방법 문의

미해결

디자인 시스템 - 스타일 파운데이션

안녕하세요 컬러 파운데이션 제작 (컬러 파레트 색상 정의) 질문 드립니다. 브랜드 컬러로 프라이머리 컬러, 세컨더리 컬러가 있을 경우, 프라이머리 컬러를 고려한 시스템 컬러, 뉴트럴 컬러, 액센트 컬러 각각 파레트 생성을 위한 컬러 배합 노하우 가 궁금합니다! 머터리얼 컬러 빌더 도구도 시도해보았으나 아직 테스트 해 본 정도입니다. 피그마 플러그인 사용 시, 제가 지정한 프라이머리 컬러를 고려한 시스템 컬러, 뉴트럴 컬러를 생성할 수 있는 플러그인은 찾지 못하여 문의 드립니다! 프라이머리 컬러를 반영하여 컬러 스타일 가이드를 완성할 수 있도록 시스템 컬러, 액센트 컬러, 뉴트럴 컬러 등을 생성하는 효과적인 방법이 있는지 궁금합니다.

  • 웹-디자인
  • 디자인-시스템
  • 프로덕트디자인
  • 컬러스타일가이드
askare 댓글 1 좋아요 0 조회수 151

아이콘 크기 변화

미해결

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

아이콘을 24/ 32/ 36 -> 텍스트필드 크기 S M L에 따라 다르게 적용을 해둔 상태에서 세개를 한번에 잡아서 아이콘 종류 선택할 수 있게 크리에이트 프로퍼티를 했는데요. 적용을 한 순간 모든 아이콘이 24로 바뀌어버리는 상황인데요. 24, 32, 36을 각각 프로퍼티 적용할 경우는 괜찮더라구요. 이 방법 말고 다른 방법은 없을까요? 1) 기존 다르게 넣은 아이콘 크기 2) 적용 3) 크기 작아짐

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
정민경 댓글 3 좋아요 0 조회수 158

코딩 할 때 그리드 구조로 코딩을 안하고, flex구조로 코딩을 들어가도 그리드를 잡아줘야 하나요?

해결됨

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

강의를 듣다 궁금한 점이 생겨서요 수업 중에 그리드로 레이아웃을 잡아주던데, 이게 코딩 할 때 그리드 구조로 코딩을 안하고, flex구조로 코딩을 들어가도 그리드를 잡아줘야 하나요? 디자인 시 그리드가 필수인지 궁금해서..

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

프리픽 사이트가 업데이트 되었습니다.

해결됨

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

목업 어디서 찾나요? 목업 제너레이터 눌러서 스마트폰 케이스 누르면 이미지가 1개밖에 생성이 안됩니다..

  • 웹-디자인
  • 캐릭터-디자인
  • 모바일-디자인
  • midjourney
  • 프로덕트디자인
이승건 댓글 1 좋아요 0 조회수 232

캐릭터 레퍼런스, 스타일 레퍼런스 클릭을 어떻게 해요

해결됨

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

캐릭터 레퍼런스, 스타일 레퍼런스 클릭을 어떻게 해요? 하시는 거랑 버전이 다른 것 같아요. 사진을 프롬프트 창에 드래그해서 가져가면 사진이 조그맣게 되면서 사진 아래에 클릭할 수 있는 아이콘이 따로 생기지 않아요

  • 웹-디자인
  • 캐릭터-디자인
  • 모바일-디자인
  • midjourney
  • 프로덕트디자인
이승건 댓글 2 좋아요 0 조회수 146

--sref 안됩니다..

해결됨

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

--sref 안됩니다..

  • 웹-디자인
  • 캐릭터-디자인
  • 모바일-디자인
  • midjourney
  • 프로덕트디자인
이승건 댓글 2 좋아요 0 조회수 152

20번째 강의 질문입니다. 버전이 업그레이드가 되었는지 사진이 2장 첨부가 안됩니다. 확인 부탁드립니다

해결됨

미드저니 비법 클래스, 현직 AI 디자인 전문가의 이미지 프롬프트 엔지니어링 핵심 정리

20번째 강의 질문입니다. 버전이 업그레이드가 되었는지 사진이 2장 첨부가 안됩니다. 확인 부탁드립니다

  • 웹-디자인
  • 캐릭터-디자인
  • 모바일-디자인
  • midjourney
  • 프로덕트디자인
이승건 댓글 1 좋아요 0 조회수 90

reset 버튼 어디에 있을까요?

미해결

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

버튼 스택 만드는 강의에서 전체 컴포넌트 선택한 후 enter 누른 후 ... 버튼이 보이지가 않아서... current varient 로 들어가면 enter 누르면서 단일 선택된게 해제되고 reset 버튼이 보이지 않아요. 버튼 하나 단일로 눌렀을때는 보여요.

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

A유형~C유형 수험자 제공파일 어디서

해결됨

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

A유형~C유형 수험자 제공파일은 어디서 다운 받습니까? D유형과 E유형은 올려져 있는데 A유형~C유형 수험자 제공파일은 어디서 다운 받아야 할지요?

  • HTML/CSS
  • jquery
  • 웹-디자인
HL5PFM 댓글 1 좋아요 1 조회수 94

Swap 기능문의

미해결

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

안녕하세요! 디자인시스템 제작중에 유지보수를 고려하여 기존에 하나의 파일로 관리했던 Foundation과 Components를 분리하는 작업에 있습니다. Components의 Foundation 요소는 Publishing 을 통해서 적용할 계획입니다. 분리하는 작업을 진행할 경우, Variable과 Styled이 깨져버리는데요 이름이 동일할 경우 자동으로 교체 할 수 있는 방법이 있나요?

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

수강기한 연장 관련 질문드립니다.

미해결

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

안녕하세요, 작년에 강의를 결제한 수강생입니다. 개인적인 사정으로 인해 작년에는 강의를 제대로 수강하지 못하고 미루어두게 되었는데, 최근들어 다시 열심히 강의를 수강하기 시작했습니다. 그런데 확인해보니 수강 기한이 오늘 자로 만료된다고 하여 시간이 조금 부족한 상황입니다. 따라서 혹시 수강 기한 연장이 가능한지 문의드립니다. 강사님의 강의가 많이 도움이 되고 있어 부탁드리고 싶습니다. 가능하시다면 며칠 정도라도 연장해주시면 정말 감사드리겠습니다.

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

Primitive는 왜 스코핑할때 모두 비활성화하는 것일까요?

해결됨

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

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

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
권도율 댓글 2 좋아요 0 조회수 92

베리어블 중복 리스트 삭제 방법

미해결

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

안녕하세요 볼드님! 작업을 이 파일 저 파일 옮겨다니며 연습하다 보니 베리어블리스트가 첨부한 이미지 처럼 중복된 리스트가 생겼는데요. 이 문제를 해결할 방법이 궁금합니다.

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

24화 질문인데 도형 선택해도 layer가 안 뜹니다

미해결

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

피그마 메뉴가 조금씩 업데이트 되면서 달라진 모양인데 도형 선택하면 layer로 layer 겹칠 때 효과를 달리 줄 수 있다 하셨는데 layer 메뉴가 선택해도 없는데 어디서 찾을 수 있나요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
허혜진 댓글 3 좋아요 0 조회수 221

18번 강의 질문

미해결

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

강의 쭉쭉 잘 듣고잇어요! 18번 강의 21분 쯤에서 플러그인을 통해서도 베리어블을 만들수 있다는 뜻으로 이해했는데 어떤 플러그인인지도 알수있을까요?

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

10번 강의 관련 자료 질문

미해결

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

안녕하세요 10번 강의 잘 봤습니다 🙂 처음이라 그런지 개념이 많이 어려운데 혹시 도움이 될만한 관련자료 받아볼수 있을까요? 이미 공유 하셨다면 어디서 찾을수 있을지 궁금합니다

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

notepad가 없습니다

미해결

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

컴포저도 안보입니다 그리개서 컴포저안에 오픈 컨트롤 판넬도 없어요 codebase도 없습니다 add new doc도 없어요

  • react
  • 웹-디자인
  • firebase
  • no-code
  • cursor
  • vercel
이소영 댓글 1 좋아요 0 조회수 90

인기 태그

인프런 TOP Writers

주간 인기글