웹 만들 때 쓰는 AI 도구 모음 | 파트별
기획 · 디자인 · 퍼블리싱 · 개발 · 영상 파트별로 나눠 둔 AI 도구 목록입니다. 순위도 별점도 없습니다 — 「이런 게 있습니다」까지가 크루딧이 하는 말입니다.
모두 쓰는 것
5개대화로 묻고 답을 받습니다. 가장 널리 쓰여서, 남들이 말하는 「AI 로 해봤다」는 대개 여기입니다.
chatgpt.com Claude긴 문서를 읽고 정리하거나 글을 다듬는 쪽에 강합니다. 크루딧도 이 도구로 만들었습니다.
claude.ai DeepL번역. 문장의 결을 비교적 잘 살립니다. 해외 자료를 읽을 때.
deepl.com Gemini구글 문서·드라이브·검색과 붙어 있어, 쓰던 자료를 그대로 물어보기 좋습니다.
gemini.google.com Perplexity답에 출처를 붙여 줍니다. 사실을 확인해야 하는 조사에 씁니다.
perplexity.ai기획
4개디자인
5개상업적 사용을 염두에 두고 학습했다고 밝힌 생성형 이미지입니다.
firefly.adobe.com Canva템플릿 위에서 빠르게 만들 때. 디자이너가 아닌 사람과 함께 쓰기 좋습니다.
canva.com Figma쓰던 피그마 안에서 정리·생성을 돕습니다. 도구를 갈아타지 않아도 됩니다.
figma.com Midjourney분위기를 잡는 이미지 생성. 시안 초반의 무드를 맞출 때 씁니다.
midjourney.com Recraft아이콘·일러스트를 벡터로 뽑을 수 있습니다. 크기를 키워도 안 깨집니다.
recraft.ai퍼블리싱
3개개발
5개터미널에서 코드베이스를 읽고 고칩니다. 파일을 여러 개 걸쳐 고칠 때.
anthropic.com CursorAI 가 들어간 코드 편집기. 쓰던 방식 그대로 쓰면서 물어볼 수 있습니다.
cursor.com GitHub Copilot에디터 안에서 다음 줄을 이어 씁니다. 반복되는 마크업에서 특히 덜 지칩니다.
github.com WindsurfAI 편집기. 커서와 결이 비슷해서, 손에 맞는 쪽을 고르면 됩니다.
windsurf.com v0말로 설명하면 화면을 코드로 만들어 줍니다. 초안을 눈으로 볼 때.
v0.app영상·모션
4개여기에 없는 것
순위도 별점도 「이달의 도구」도 없습니다.
이름 순으로만 늘어놓았습니다 — 순서에 뜻이 없다는 걸 눈으로 보시라고 그렇게 했습니다.
광고도 없습니다. 돈을 받고 도구를 올리거나 위로 올리지 않습니다.
가격을 적지 않았습니다. 자주 바뀌어서, 적어 두면 반드시 틀린 값이 남습니다.
주소·기능도 마찬가지라 눌러서 확인해 주세요.
써 보니 어땠는지는 크루가 적는 자리가 따로 있습니다.