묻고 답해요
148만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
스케치 피그마 임포트
섹션 3 아이콘 등록 방법에서 아이콘 union 첨부 파일 주셨는데 스케치 파일입니다. 피그마로 어떻게 임포트 하나요,,,?
-
미해결루씨의 피그마 클래스
6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정
그레이 스타일 설정할 때 쓰려고 하는 가장 어두운 색을 설정했다면(예를들어 #000000) 여기서 명암만 10 or 100단위로 내려서 800 700 이렇게 내려가는 걸까요? 기준에 대한 감(?)이라고 해야 될 지 모르겠지만 가장 어두운 컬러를 선정할 때 그렇게 선정하는 이유와 점차 밝아지는 텀에 대한 기준을 모르겠습니다!
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
제목 그대로, Copy Link로 프로토타입 공유 시, 제가 Advanced settings > Show device frame 메뉴에서 unchecked하고 프레임 없앤 상태에서 공유를 해도, Link를 받은쪽에서는 휴대폰 프레임이 디폴트로 보여지는데, 공유할때부터 프레임 없이 보일 수 있도록 설정이 불가능할까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
컨텐츠를 다 반영한 후에 프레임 위아래 길이를 좀 줄이려고 하단바 있는 부분에 커서를 놓고 위로 드래그했는데,제가 눈에 보이는 프레임 자체는 조정되지 않고, 하기 첨부 이미지처럼 안보이던 박스(파란색으로 선택한 상태의 박스) 크기가 조정이 되어요.제가 따로 만든 적이 없는 박스인데 이건 뭘까요? ㅎ 조언 부탁드립니다.
-
미해결루씨의 피그마 클래스
6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미
6-디자인시스템 구축을 위한 스타일 만들기에서 그레이 부분에 숫자를 900부터 시작하셨는데 해당 숫자를 기입하는데 의미가 따로 없는건지 궁금합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Style 저장하는데 Variable?
Color styles을 저장하고 있었는데, 뭔가 투명도 처리 등을 한 컬러를 저장하니까 Local Variables이라는 다른 카테고리로 Styles과 별개로 저장이 되는데 이게 뭔가요? 이걸 Styles로 같은 카테고리로 저장은 못하나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Text 박스 조정하는 법
도형 안에 텍스트를 올려 버튼을 만드는 일이 많은데요. 도형 안 텍스트가 정 한가운데에 있어야하는데, 계속 살짝 위아래 정렬이 한가운데가 아니라 아래쪽으로 쏠린 모습이예요. 텍스트박스도 도형 안에 한 가운데에(동일 Padding) 잘 놓았고, 텍스트박스도 위아래 가운데 정렬 설정 모두 다 잘 한상태인데두요. 그래서 Text의 Line Height 이라는 부분을 줄간격 개념으로 생각하고 Auto가 아닌 0으로 설정해보았는데, 첨부드리는 이미지와 같이 Text 박스가 실제 Letter보다 작아져요. Line Height 0이면 텍스트박스가 원래 그렇게 작게 보이는건가요?텍스트 박스 안의 Letter 높이와 딱 맞게 텍스트 박스 높이를 조정하려면 어떻게 해야하나요? 텍스트의 Font size와 동일하게 텍스트박스 Line Height 맞추면 비슷해지는것같긴하지만, 여전히 하단맞춤정렬이 되어있는 느낌입니다. 버튼 도형안에 버튼명 텍스트가 한가운데에 보이게 하려면 어떻게 해야할까요? 혹시 텍스트 Layout (ㅣ→ 이런 설정)의 문제일까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
확장성
확장성을 위해 아이콘 제작에서 스트록으로 그린 아이콘은 스트록 아웃라인을 해야 커져도 크기의 비율이 일정하게 늘어나는 거죠?
-
미해결[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요.
우선 강의를 들어주셔서 감사합니다. 강의 들으시면서 궁금하신 부분을 남겨주세요.업데이트가 되어 강의부분과 많이 달라 따라가기 어려워요.업데이트는 언제 가능한가요? 회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다. 이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요. 마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다. 인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
-
미해결코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)
insert버튼이 안나오는데 뭐가 문제일까요?
안녕하세요. 포모도로 앱만드는 첫번째 부터 막히네요 ㅠㅠ일단 insert버튼이 생기지 않는데 뭐가 문제인걸까요? 이런식으로만 뜨네요 계속해봐도 ㅠㅠ PS C:\Users\your_\OneDrive\바탕 화면\다시> npx create-react-app . --template typescript && npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -pPS C:\Users\your_\OneDrive\바탕 화면\다시> npx create-react-app . --template typescript && npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p위치 줄:1 문자:46+ npx create-react-app . --template typescript && npm install -D tailwi ...+ ~~'&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.위치 줄:1 문자:97+ ... escript && npm install -D tailwindcss postcss autoprefixer && npx ta i ...+ ~~ '&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.위치 줄:1 문자:205+ ... ive\바탕 화면\다시> npx create-react-app . --template typescript && npm ins ...+ ~~ '&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.위치 줄:1 문자:256+ ... escript && npm install -D tailwindcss postcss autoprefixer && npx ta i ...+ ~~ '&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다. + CategoryInfo : ParserError: (:) [], ParentContainsErrorRec ordException + FullyQualifiedErrorId : InvalidEndOfLinePS C:\Users\your_\OneDrive\바탕 화면\다시> 어떤 프로그램을 어디서 어떻게 깔아야 하는지부터, 어떻게 설정을 하는지물론 정리를 해주셨지만 순서도 모르겠고 적용하는것도 어려운 거 같아요. 처음 강의부터 아예 같이 시작을 하고 설명을 들었으면, 오류가 안났을거같은데수업관련 파일은 또 따로 봐서 공부를 해야하고, 알아서 다 설치하고 공부한다음에강의를 들어야해서그런지 잘 이해가 안가는거같아요..ㅠㅠ오류가 난게 제가 뭐 프로그램을 잘못설치해서그런건지, 아니면 설정을 뭔가 잘못해서 그런건지잘모르겠네요 답변주시면 감사하겠습니다..
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
full reload 질문
선생님 처럼 영상을 보고 css full reload 를 설정 했는데 체크를 해제하면 css 수정 시 안올라가고 체크를 하면 올라 갑니다 또한 html 수정시 마다 매번 위(무한스크롤링)로 올라 갑니다. 해결방법이 있나요?
-
미해결Canva(캔바)로 내 상품 상세페이지 디자인 하기
문의드립니다
이부분이 웹상에 확인이 안돼서 혹시 실습할 이미지 파일 보내주실 수 있으신가요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 설정하는 방법
선생님께서 영상에서 보여주신 것처럼 Frame은 실제 화면 상관없이 길게 하고, 맨 하단에 하단바 Fixed position으로 놓아주고, Prototype에서 볼때 실제 볼 디바이스 설정해서 보는 방법이 있고,1번 방법 아니면 첨부 이미지와 같이 Frame을 실제 볼 디바이스 해상도로 설정해주고, 하단바를 저런 식으로 Frame 하단에 붙여주고, 그 밑으로 스크롤 되는 컨텐츠들은 Frame 밖에 저렇게 놓고 묶어주는게 맞는건가요? (핑크색 바탕에 블랙 사각형 4개 있는 것이 하단바입니다.) 1번 방법이 디자인 작업할때는 쉬운데, Prototype에서 해당 디바이스 설정하면 자꾸 휴대폰 모양 프레임이 나와서 별로예요.. 다른 방법이 있는지요. 조언 부탁드립니다.
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
완강 이벤트에 참여 했는데, 자료는 언제쯤 받아 볼 수 있을까요?
안녕하세요, 훌륭한 강의 감사합니다.완강 이벤트에 참여하여 수강 후기와 설문조사를 모두 완료했는데, 아직 노션 자료를 받지 못했습니다. 혹시 누락된 건지, 아니면 언제쯤 받아볼 수 있는지 확인 부탁드립니다.감사합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
컴포넌트들 에셋상에서 폴더값으로 분류시키는거요~ 똑같이 컴포넌트명에 폴더명 쓰고 / 처리했는데 왜 에셋상에서 폴더링이 안되는거죠?
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
버튼 생성시
시간이 지나서 강의를 들어서인지 그 동안 피그마 업데이트가 좀 많이 된거 같더라구요버튼 프로퍼티와 인스턴스 스왑 하실때 아래 1번 그림에서 만드는게 맞는지토글 버튼을 활용해 아이콘을 껏다 켰다 했는데 그부분이 2번 그림에서 진행하는게 맞는지 확인 부탁드립니다.12.
-
미해결Canva(캔바)로 내 상품 상세페이지 디자인 하기
문의드립니다
흰색 도화지 캔버스 세로축 크기 늘렸다 줄였다 하는 기능 어디에 있을까여?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
하단바 고정시
먼저, 저는 선생님이 하신대로 하단바 고정이 안되서 계속 고생하다가 결국 해결했는데~ fixed(stay in place) 선택하기전에 하단바 Constraint를 Scale(생략가능?) + bottom으로 설정을 해놓고서 fixed를 해야하는게 맞는거죠?1번 방법으로 시정해서 하단바 고정은 잘 되었는데, 프로토타이핑에서 전체 화면은 특정 디바이스(ex. 아이폰 13 mini)로 보이게 하고 진짜 화면처럼 해당 화면 사이즈 내에서 하단바 고정시키려면 어떻게 해야하는거예요? 프레임 중간에 하단바를 놓는건 아닐거잖아요? ㅎ
-
미해결루씨의 피그마 클래스
공유 주신 피그마 url 404에러 뜹니다
공유 주신 피그마 url 404에러 뜹니다
-
미해결코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)
실습 강의에서 node.js설치법
안녕하세요. 실습 시작 강의에서 node.js설치법이 강의 노트에 있다고 하는데, 안보여서 질문 드립니다.개인적으로 다운 받아 설치 코자 하는데, Docker, fnm 중에서 어떤 걸 선택해야 하는지 모르겠네요혹, 제가 노트에서 못 찾고 있다면 노트 위치를 설명해 주심 감사하겠습니다. 답변 부탁드립니다.