# figma

107개의 포스트
post-thumbnail

피그마로 svg 파일을 다운받으면서 생긴 문제점

깃허브 로고가 두 개가 나란하게 보인다.왜 똑같은거를 두개나 썼지..? 가 아니라코드를 보면 알겠지만 다른 것을 임포트했다.임포트 방식에는 문제가 없는데 어디에서 문제가 생긴 것인지 찾아봐야겠다.참고로 위의 방식은 svg 파일을 컴포넌트로 불러와서 props를 통해 s

2022년 9월 15일
·
0개의 댓글
·

[프로젝트] 워크앳 - 카공 카페 지도, 3일만에 어플리케이션 서비스 제작하기

3일동안 서비스 개발하기. 요즘 카페 작업이라는 취미가 생겼는데요. 이런 제가 사용하고 싶은 서비스를 만들어보았습니다.

2022년 9월 5일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] Figma로 KREAM 어플 클론하기

👉🏻 이론적으로만 학습했던Figma를 실제로 Figma 사용법을 익히기 위해,구현해보고 싶던 기능들이 눈에 잘 띄기도 하고, 평소에 사용하고 있던 KREAM 어플을 Figma으로 클론을 해보기로 했다. 완벽하게 클론하려고 하기보다는 몇가지 UI 디자인 패턴들을 구현

2022년 8월 25일
·
0개의 댓글
·

[UI/UX] 분석 및 개선

클론한 웹사이트 : https://appknot.com/사용중인 UI 디자인 패턴 : 모달 : 우측 상단에 메뉴 아이콘을 이용하여, 기존 컨텐츠를 오버레이하여 네비게이션을 보여준다.무한스크롤 : 데이터가 무한하지 않아서 최하단에서 멈추지만, 각각의 컴포넌트들

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

CodeStates_Section.3 UI/UX 분석

❗️ 모바일 앱인 망고플레이트에 대해 Figma로 와이어프레임 제작 및 UI/UX를 분석해보았다.

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

원티드를 figma로 클론해보기(1)

원티드라는 사이트는 페어님이 소개해주셨다! 그 전에 내가 생각하던 목록은 OKKY, 잡플래닛, 인프런 등이었다!원티드 사이트에서 인상적이었던 것은 직관적이고 미니멀한 디자인이었다. 태그와 슬라이드를 이용해서 직관적으로 카테고리를 넘어갈 수 있었다.hover 이벤트가 발

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

UI / UX 분석

애플 공홈 (스토어,Mac 부분) 클론 후 UI / UX 분석해보기

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

첫 피그마(Figma) 프로젝트

달콤커피 페이지를 피그마로 구현해봤다

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

Figma를 통한 아이콘 만들기

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

[Figma] 로고색 변경하기

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

[Toy Project] React로 To-Do-List 만들기(2)

개발하기에 앞서 디자인도 없이 무턱대고 개발하면 방향을 잡기 어려울 것 같아서 Figma로 간단하게 디자인을 했다. 할 일 리스트를 보여주는 페이지와 할 일을 추가하는 페이지로 구성해봤다.할 일 아이템은 제목과 아래에 간단하게 설명 할 부가설명, 시작시간과 끝나는시간,

2022년 8월 21일
·
0개의 댓글
·
post-thumbnail

TIL: 냉장고를 피그마로 그림 그리기.. - 220813

웹 서비스로 추천 서비스 할 것임DatePicker로 날짜 클릭하면 다이어리 페이지로 이동..할 수 있나..?aside로 냉장고, 영앙사 페이지 이동 및 각 페이지 요약 제공여러 가지 냉장고를 등록할 수 있게 해주자는데..각 냉장고 별 crud 기능이 있다오른쪽에는 몇

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

LoLBP - 웹 디자인

롤 밴픽 페이지 만드는 과정에서 웹 디자인부터 시작했다. 현재 웹 디자인 툴 중 협업에서 가장 많이 쓰이는 것이 피그마이기에, 피그마를 통해 직접 웹 디자인을 해보려고 한다. 피그마 피그마(Figma) : 스마트폰 애플리케이션 또는 웹사이트 등을 디자인할 때 사용하는

2022년 8월 13일
·
0개의 댓글
·

Figma 기초

피그마 기초

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

UI/UX툴 피그마(Figma)

피그마를 사용하게 된 계기2022년 1월 말쯤 아이디어 해커톤에 참여하게 되었었는데 아쉽게도 우리 팀원 중에 디자이너가 없었다. 그나마 나는 포토샵을 어느정도 할 줄 알았기에 프론트엔드 겸 디자인을 맡았었다. 하지만 디자인을 배워 본 적이 없기 때문에 막막하던 찰나 팀

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

20. 서체 설정

파노라마는 글자 간격을 매우 넓게하여 멋지고 세련된 모습을 만들어내고, 텍스트에 특별한 중요성을 더합니다. 디자인이 지루하고 밋밋한 상태에 빠져 있다면, 파노라마로 해결할 수 있습니다.추가제목인 Benefits을 파나로마로 설정하여 좀더 눈길이 가며, 세련된 효과를 줄

2022년 7월 21일
·
0개의 댓글
·