Figma for VS Code 사용법 [VS Code 확장프로그램]

minjeong·2024년 12월 17일

VS Code에서 figma를 확인할 수 있는 확장프로그램이 있어서 아주 간단하게 설명해볼까 합니다!

1) VS Code에서 Figma for VS Code 확장프로그램을 설치해줍니다.

2) 설치를 하면 왼쪽 바에 Figma 로고 모양이 생기는데요, 클릭하면 로그인이 필요하다고 뜹니다. 이때 figma 계정으로 로그인하시면 됩니다.

-> 로그인하시면 이렇게 로그인한 figma 계정에 있는 모든 파일들을 볼 수 있습니다.

-> 이렇게 vs code에서 스타일 확인하기 아주 편해졌습니당...

3) 추가기능

++ 이때 아래에 있는 Notifications 에서 피그마에서 오는 모든 알림을 확인할 수 있습니다.

++ ctrl + 휠 로 확대, 축소 모두 가능하구요!

++ SVG를 복사하는 것도 가능합니다.


듀얼모니터가 아닌 하나의 노트북으로만 작업해야할 때 굉장히 유용하게 쓰일 것 같네요~!

profile
중요한 건 꺾여도 다시 일어서는 마음

0개의 댓글