# figma
피그마로 svg 파일을 다운받으면서 생긴 문제점
깃허브 로고가 두 개가 나란하게 보인다.왜 똑같은거를 두개나 썼지..? 가 아니라코드를 보면 알겠지만 다른 것을 임포트했다.임포트 방식에는 문제가 없는데 어디에서 문제가 생긴 것인지 찾아봐야겠다.참고로 위의 방식은 svg 파일을 컴포넌트로 불러와서 props를 통해 s
[프로젝트] 워크앳 - 카공 카페 지도, 3일만에 어플리케이션 서비스 제작하기
3일동안 서비스 개발하기. 요즘 카페 작업이라는 취미가 생겼는데요. 이런 제가 사용하고 싶은 서비스를 만들어보았습니다.
피그마 찍먹하려고 손가락을 뻗다가 빠져서 허우적거리다 탈출한 썰풉니다. (feat. 오설록 모바일 웹페이지 클론)
제목이 너무 어그로스럽지만 사실이다...
[사용자 친화 웹] Figma로 KREAM 어플 클론하기
👉🏻 이론적으로만 학습했던Figma를 실제로 Figma 사용법을 익히기 위해,구현해보고 싶던 기능들이 눈에 잘 띄기도 하고, 평소에 사용하고 있던 KREAM 어플을 Figma으로 클론을 해보기로 했다. 완벽하게 클론하려고 하기보다는 몇가지 UI 디자인 패턴들을 구현
[UI/UX] 분석 및 개선
클론한 웹사이트 : https://appknot.com/사용중인 UI 디자인 패턴 : 모달 : 우측 상단에 메뉴 아이콘을 이용하여, 기존 컨텐츠를 오버레이하여 네비게이션을 보여준다.무한스크롤 : 데이터가 무한하지 않아서 최하단에서 멈추지만, 각각의 컴포넌트들
CodeStates_Section.3 UI/UX 분석
❗️ 모바일 앱인 망고플레이트에 대해 Figma로 와이어프레임 제작 및 UI/UX를 분석해보았다.
원티드를 figma로 클론해보기(1)
원티드라는 사이트는 페어님이 소개해주셨다! 그 전에 내가 생각하던 목록은 OKKY, 잡플래닛, 인프런 등이었다!원티드 사이트에서 인상적이었던 것은 직관적이고 미니멀한 디자인이었다. 태그와 슬라이드를 이용해서 직관적으로 카테고리를 넘어갈 수 있었다.hover 이벤트가 발
[Toy Project] React로 To-Do-List 만들기(2)
개발하기에 앞서 디자인도 없이 무턱대고 개발하면 방향을 잡기 어려울 것 같아서 Figma로 간단하게 디자인을 했다. 할 일 리스트를 보여주는 페이지와 할 일을 추가하는 페이지로 구성해봤다.할 일 아이템은 제목과 아래에 간단하게 설명 할 부가설명, 시작시간과 끝나는시간,
TIL: 냉장고를 피그마로 그림 그리기.. - 220813
웹 서비스로 추천 서비스 할 것임DatePicker로 날짜 클릭하면 다이어리 페이지로 이동..할 수 있나..?aside로 냉장고, 영앙사 페이지 이동 및 각 페이지 요약 제공여러 가지 냉장고를 등록할 수 있게 해주자는데..각 냉장고 별 crud 기능이 있다오른쪽에는 몇
LoLBP - 웹 디자인
롤 밴픽 페이지 만드는 과정에서 웹 디자인부터 시작했다. 현재 웹 디자인 툴 중 협업에서 가장 많이 쓰이는 것이 피그마이기에, 피그마를 통해 직접 웹 디자인을 해보려고 한다. 피그마 피그마(Figma) : 스마트폰 애플리케이션 또는 웹사이트 등을 디자인할 때 사용하는
UI/UX툴 피그마(Figma)
피그마를 사용하게 된 계기2022년 1월 말쯤 아이디어 해커톤에 참여하게 되었었는데 아쉽게도 우리 팀원 중에 디자이너가 없었다. 그나마 나는 포토샵을 어느정도 할 줄 알았기에 프론트엔드 겸 디자인을 맡았었다. 하지만 디자인을 배워 본 적이 없기 때문에 막막하던 찰나 팀
20. 서체 설정
파노라마는 글자 간격을 매우 넓게하여 멋지고 세련된 모습을 만들어내고, 텍스트에 특별한 중요성을 더합니다. 디자인이 지루하고 밋밋한 상태에 빠져 있다면, 파노라마로 해결할 수 있습니다.추가제목인 Benefits을 파나로마로 설정하여 좀더 눈길이 가며, 세련된 효과를 줄