# figma

56개의 포스트
post-thumbnail

Swift, Line Height

Figma로 디자인을 확인하면 폰트쪽에 LineHeight를 정의 해 두는데, 한번도 적용해보지 않은 개념이라, 방법을 찾아보았다.위와 같은 상태인데, 디자인이 저렇게 나왔으면, 그냥 UILabel을 간격에 맞게 2개 써도 되지 않나? 라고 생각이 될 수도 있다.그런데

6일 전
·
0개의 댓글
post-thumbnail

개인 개발 일지 - First - EXM

난 웹 프론트엔드 개발자가 목표인 학생이다 학원은 안다니고 독학으로 배우고 있고 공부한지 2년정도 되었다. 이번에 React와 Firebase 그리고 Figma를 사용해 만든 개인 프로젝트를 소개해보려한다. 어느정도 완성하는데에는 4~5일 정도 걸렸고 이 프로젝트는

2022년 1월 13일
·
0개의 댓글
post-thumbnail

왜 8 Point 그리드를 맞춰야 하죠?

왜 그리드를 맞춰야 한다는 걸까?! 디자이너와 개발자의 효율적인 협업+화질 깨짐을 예방하기 위한 그리드 시스템-!

2022년 1월 10일
·
2개의 댓글
post-thumbnail

객체 의존 관계 시각화 실천기 (with Figma)

조영호님의 우아한 객체지향 강연을 듣고 객체의 4가지 의존성에 대해 정리해보고, 개인적으로 개발하고 있는 시스템의 객체 의존관계와 인사이트를 정리합니다.

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

android

android studio 등 설치 및 환경설정

2022년 1월 3일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 5주1일 mini project (bankApp) 4. 스타일링( account, native, nav, scroll )

4. 스타일링 ☝🏽 todo 아이콘 배치 native, nav 완성 저금통 box 추가 동작 설정 날짜 최신일(->오늘)과 두번째일(->어제) 글자 변경

2021년 12월 20일
·
0개의 댓글
post-thumbnail

에니악 웹사이트 (개발 1일차)

디자인 구성백엔드 erd 생성 (홈, 프로젝트)

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 3주2일 - 1. CSS & figma

Figma ( 디자인 툴 ) > figma.com 디자인 툴 중 많이 쓰이는 figma 를 사용하고 익혀보자! 이전 프로젝트에서 사용해 보았기 때문에 익숙하다! 기본적으로 하나하나 부분적으로 생성하고 합쳐서 사용하는 방식. 즉 인스턴스를 생성하듯이 하여 복사

2021년 12월 7일
·
0개의 댓글
post-thumbnail

CSS 공부는 어떻게 해야 하나요 - 실전편

CSS 공부는 어떻게 해야 하나요 - 이론편을 바탕으로 어떻게 하면 연습하기 좋을지 방법에 대해서 공유 해보고자 합니다.지금은 시대가 많이 바뀌어서 figma, adobe xd, sketch와 같은 UI 디자인도구와 제플린과 같은 handoff툴이 발전되어 있고 디자이

2021년 12월 7일
·
6개의 댓글
post-thumbnail

CSS 공부 어떻게 해야 하나요? - 이론편 (feat. figma)

제가 좋아하는 파레토의 법칙입니다. css에서 상위 20% 스펙이 전체 css 코드의 80%를 차지한다. 실제로 실전에서 자주 쓰이는 css는 몇개 되지 않습니다. 그래서 이번 글에서는 제가 쓰고 있는 현재의 Best Practice를 공유하려고 합니다.

2021년 12월 4일
·
14개의 댓글
post-thumbnail

카카오워크 캘린더팀에서 사용한 figma를 이용한 기획-디자이너-QA-개발 방법

if(kakao) After talk 에서 하고 싶었던 이야기 중에서 시간이 없어서 다 전달하지 못했던 figma를 이용한 협업 - 기획자 편입니다.디자인을 개발로 구현하는 과정에서 figma의 기능을 결합하여 디자인 -> 개발의 비용을 최소화해보자라고 만든 시도가 A

2021년 11월 29일
·
3개의 댓글

figma 연습하기

최종 프로젝트에 앞서서 프론트 4명 백엔드 3명이 각각 기부자리라는 이름 대신에 각각 하나의 주제 이름과 로고를 생각해보기로 했다. 기부자리라는 기부라는 목적을 개념으로 하는 것을 생각해보면서 민들레를 생각해보게 되었다. 민들레가 가진 민들레 씨 하나하나가 우리가 가진

2021년 11월 24일
·
0개의 댓글
post-thumbnail

Figma Layout Grid 기본

피그마를 전문적으로 사용하는 것이 아니기 때문에 알아두면 편리한 기본만 정리

2021년 11월 18일
·
0개의 댓글
post-thumbnail

Figma 웹, 앱 디자인을 위한 기초

전문가처럼 피그마를 사용하는 것은 아니기 때문에 알고 있으면 편리한 가장 기초만 정리

2021년 11월 18일
·
0개의 댓글
post-thumbnail

Start from Copy other designs

Figma UI Design Tutorial

2021년 11월 12일
·
0개의 댓글
post-thumbnail

[figma] Cheat Sheet

figma 활용에 필요한 shortcuts 모음기능 : shortcuts를 보여주는 panel을 열어줌cmd : ctrl + shift + ?

2021년 11월 6일
·
0개의 댓글
post-thumbnail

웹 개발자 포트폴리오 A to Z(기획부터 배포까지)👩🏻‍💻

IT 회사에 개발자로 취업을 하려면 개발에 대한 지식 / 경력 / 실력이 필요합니다. 경력이 없는 신입(~3년 차)에게 회사가 지식과 경력과 실력을 확인하는 방법은 무엇일까요? 첫째는 학습한 기록(Git, 기술블로그)둘째는 프로젝트 진행 경험(포트폴리오) 셋째는 코딩테

2021년 10월 27일
·
6개의 댓글

2021.10.20

과제중이다.마크업은 거의 안해보았는데, 이번기회에 마크업도 열심히 공부할 수 있도록 해야겠다.assets를 다 받는다. \- icon은 깨지지않도록 svg나머지는 특성에 맞는 이미지파일로눈으로 확인하여 큰 영역별로 나눈다. \- 아토믹디자인을 적용한다면 베이스가되는

2021년 10월 19일
·
0개의 댓글

피그마(Figma)로 설계한 화면 제플린(Zeplin)으로 반응형 웹 만들기

2nd Project 💗 모두의 차박의 초기 아이디어 기획단계가 슬슬 마무리되고 본격적인 개발을 시작한다. 기획한 아이디어를 어떻게 웹으로 구현할지 Figma 프로그램을 활용해서 화면설계를 진행했다. Prototyping by FIGMA ⛄ Figma ; UX

2021년 10월 18일
·
0개의 댓글
post-thumbnail

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 1 (프로젝트 관리 & 디자인)

우리는 취업&이직등을 위하여 자신의 개발 능력을 알리기 위하여 개발 포트폴리오를 제작합니다. 그러나 개발 포트폴리오를 제작하다보면 단순히 개발만 해서는 완성할 수 없다는 것을 깨닫죠. 포트폴리오를 만들기 기획하고, 기능을 식별하고, 화면을 디자인하고, 개발, 배포까지의

2021년 9월 27일
·
2개의 댓글