AI 관련 툴 링크 정리입니다!

[xenosign]

오늘 발표 했던 생산성 향상 관련 툴 간단히 정리해 봤습니다.

1. 깃헙 코파일럿
   1. VS Code 익스텐션 : GitHub.copilot
   2. AI : Chat GPT 4.0
   3. 사용료 : 월 10$ / 30일 무료 제공 / 깃헙에 해외 결제 가능한 카드 등록 필수
   4. 대화형 AI / 코드 추천 사용 가능
   5. 한글 지원 : O
2. 아마존 Q
   1. VS Code 익스텐션 : amazonwebservices.aws-toolkit-vscode
   2. AI : 아마존 자체 AI
   3. 사용료 : 기존 Email 등록 시 무료
   4. 대화형 AI
   5. 한글 지원 : X
3. AICodeHelper
   1. VS Code 익스텐션 : Kimseungtae.aicodehelper
   2. AI : Chat GPT 3.5
   3. 사용료 : GPT API Key 필요, 최소 5$ 충전 필요, 100 token 당 0.01$
   4. 코드 에디터에 작성한 내용을 선택 후, 단축키 or 우클릭 메뉴 선택으로 코드 생성 / 리뷰 / 주석 추가 등등 사용 가능
   5. 한글 지원 : O
4. Make Real (https://makereal.tldraw.com/)
   1. 피그마 같은 툴로 UI를 그리면 해당 UI를 HTML과 JS코드로 만들어 주는 서비스
   2. AI : Chat GPT 3.5
   3. 사용료 : GPT API Key 필요 / 최소 5$ 충전 필요 / 100 token 당 0.01$
   4. 한글 지원 : X
   5. 사용법 영상 : https://www.youtube.com/watch?v=nwVFhxCbDyY
5. Figma Wireframe Designer (https://www.figma.com/community/plugin/1228969298040149016)
   1. 피그마 사용자가 텍스트로 입력한 와이어 프레임을 그려주는 플러그인
   2. AI : ?
   3. 사용료 : 최초 10개 생성 무료 / 구매시 월 5$
   4. 한글 지원 : X
   5. 사용법 영상 : https://youtu.be/6YpAl-U1ASU
6. Figma to Code (https://www.figma.com/community/plugin/842128343887142055)
   1. 피그마 결과물을 Tailwild로 디자인 된 HTML, REACT, Flutter, Swift 코드로 변환해 주는 도구
   2. 5번의 와이어 프레임으로 만든 뼈대를 빠르게 Tailwind가 적용된 코드로 변환 가능
   3. AI : ?
   4. 한글 지원 : X
7. Figma for VSCode
   1. VS Code 익스텐션 : figma.figma-vscode-extension
   2. VS Code 에서 바로 피그마를 볼 수 있는 익스 텐션
   3. VS Code 에 새로 업데이트 된, Code 탭을 이용해서 빠르게 CSS 정보 등을 코드로 옮길 수 있어서 편하다!

👍

[HOJOON07]

오 공유 감사합니다!~