creatie 과금 정책이 바뀌어서 이번 작업은 피그마에서 하시는걸 추천드립니다.
피그마 추천 플러그인
피그마 AI 플러그인
https://solearn.tistory.com/286
피그마 커뮤니티 - 검색을 통한 공유 자료 활용
https://www.figma.com/community
피그마 플러그인 추천
1. 레이아웃
-
Unsplash : 도형, 프레임 등에 이미지를 삽입, 다양한 이미지를 검색하여 사용가능(카드 이미지, 배너이미지, 배경이미지 등에 사용)
https://www.figma.com/community/plugin/738454987945972471/unsplash -
Lorem Ipsum : 긴 문장이 필요할 때 텍스트를 만들어줌
https://www.figma.com/community/plugin/736000994034548392/lorem-ipsum -
Wireframe Designer : 앱/웹의 레이아웃 디자인을 생성해줌(10번 횟수제한있음)
https://www.figma.com/community/plugin/1228969298040149016/wireframe-designer -
Wireframe Kits (플러그인X) : 피그마에서 제공해주는 와이어프레임 키트
https://www.figma.com/templates/wireframe-kits/
- 아이콘
-
Iconify : 다양한 아이콘을 찾을 수 있음 (아이콘의 양이 많으나 퀄리티가 떨어지는 아이콘이 있을 수 있어 서치를 잘 해야함)
https://www.figma.com/community/plugin/735098390272716381/iconify -
Feather Icons : 아이콘의 양은 많지 않으나 퀄리티 적으로 괜찮음
https://www.figma.com/community/plugin/744047966581015514/feather-icons
- HTML
-
AutoHTML | Components to Code : 디자인을 html, css 코드로 변환시켜줌
https://www.figma.com/community/plugin/1077172952654000760/autohtml-components-to-code -
Redlines : 디자인 되어있는 영역의 수치를 재 줌
https://www.figma.com/community/plugin/781354942292031141/redlines -
html.to.design — Import websites to Figma designs (web,html,css) : 실제 운영되고 있는 사이트의 주소를 입력하여 정보를 가져올 수 있음(디자인 수정 가능)
https://www.figma.com/community/plugin/1159123024924461424/html-to-design-import-websites-to-figma-designs-web-html-css
