코드잇 후기 - 개발자를 위한 Figma 간단 사용법 요약

🔗https://www.codeit.kr/tutorials/48/%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%A5%BC-%EC%9C%84%ED%95%9C-Figma-%EA%B0%84%EB%8B%A8-%EC%82%AC%EC%9A%A9%EB%B2%95

협업 툴 Figma를 사용하기 위해 코드잇 튜토리얼을 이용해 간단히 시작해봤다

1.마진, 패딩 확인하기

Alt

키를 누른 상태에서 요소들을 클릭하면 요소간 간격을 확인 가능

2. 이미지 다운로드하기
   
   

오른쪽 메뉴의 Design 탭 -> Export 섹션 -> Export 오른쪽에 있는 +버튼(여러버전으로 저장가능) -> Export 버튼

• 원하는 배율 + 확장 자 선택 후 이미지 파일로 다운

3. CSS속성 확인하기
   오른쪽 메뉴의 Inspect > 원하는 디자인 요소 클릭 > 복사해 CSS코드 쓸 떼 활용