본문으로 바로가기

10월 16일 금요일

홈저장인사이트도구프로젝트글쓰기

AI로 만드는 디자이너를 위한 큐레이션

소개문의하기이용약관개인정보처리방침

© 2026 XploreD. All rights reserved.

10월 16일 금요일

홈저장인사이트도구프로젝트글쓰기

도구

아이디어부터 런칭까지, 실제 프로젝트에 쓰인 도구들

Refactoring UI Skills

UI 디자인 원칙을 적용하는 비공식 리뷰 스킬

oh-my-design

디자인 레퍼런스와 스킬을 설치하는 에이전트 도구

Web Interface Guidelines

웹 인터페이스의 작은 디테일을 위한 체크리스트

Google DESIGN.md Specification

AI 에이전트를 위한 디자인 문서 포맷 명세

unlazy

에이전트 완료 품질 점검 스킬

Impeccable

에이전트용 프런트엔드 디자인 어휘 스킬

Shotbase

맥용 스크린 캡처 워크스페이스

GetLayers

AI 웹사이트 템플릿·프롬프트 라이브러리

interface-design

인터페이스 설계 규칙을 기억하는 Claude Code 플러그인

solo-skills

1인 운영 자동화용 에이전트 스킬 모음

imnotai

AI 티를 덜어내는 한국어 윤문 스킬

UI Skills

디자인 엔지니어링 스킬과 UI 플레이북 카탈로그

Xirp 에이전틱 개발 환경

조직의 시스템 맥락과 지식을 축적하는 AI 코딩 환경

Cap 스크린 레코더

녹화·편집·캡처와 데이터 소유권을 결합한 오픈소스 스크린 레코더

Vessa 브랜드 가이드라인

모션과 실제 디자인 값을 담아 공유하는 웹 기반 브랜드 가이드라인

Hallmark 디자인 스킬

AI 양산형 미학을 거부하는 에이전트용 디자인 스킬

어드민 패널 체크리스트

관리자 화면의 핵심 기능과 위험 구간을 빠르게 점검하는 체크리스트

Resend

AI와 React Email을 결합한 이메일 디자인·발송 플랫폼

beUI

AI UX와 모션을 위한 React 컴포넌트 라이브러리

ShieldFont

AI 스크래퍼 대응용 텍스트 보호 폰트

Osmo

AI 기반 모션 그래픽 제작·편집 도구

DesignSystems.one

실무 디자인 시스템을 비교하고 AI 적용 가능성을 점검하는 라이브러리

daisyUI

시맨틱 클래스와 테마를 갖춘 Tailwind CSS 컴포넌트 라이브러리

Motion Design Skill

AI 에이전트를 위한 UI 모션 설계 원칙과 패턴

fal.ai

생성형 미디어 모델 API와 서버리스 GPU 플랫폼

scroll-world

연속 비행형 3D 스크롤 랜딩 제작 스킬

Recordly

스크린 녹화 도구

Figma Weave

노드형 AI 이미지·영상 제작 워크플로우

apple-design

애플식 유려한 인터랙션 설계 스킬

Next.js

풀스택 React 프레임워크

frontend-design

UI 비주얼 아이덴티티 설계 스킬

Aside

웹 업무를 실행하는 AI 브라우저

Open Design

오픈소스 올인원 AI 디자인 워크스페이스

Figma

디자인과 컴포넌트 기반 시스템 작업, 팀 협업 워크플로를 연결하는 플랫폼

Google Antigravity

구글에서 만든 AI 코딩 에이전트

Codex

OpenAI에서 만든 AI 코딩 에이전트

Claude Code

Anthropic에서 만든 AI 코딩 에이전트

Manus

Meta가 선택한, 웹에서 일을 끝내는 AI 에이전트

Hermes Agent

경험을 기억하고 스킬을 축적하며 함께 성장하는 오픈소스 AI 에이전트

GitHub

전 세계 개발 협업과 AI 코딩을 이끄는 플랫폼

Lovable

말로 설명하면 앱이 완성되는 AI 빌더

Google Stitch

프롬프트나 손스케치를 UI 디자인과 코드로 바꿔주는 구글의 AI 디자인 툴

UX Pilot

피그마 안에서 AI로 끝내는 UX 기획과 인터페이스 디자인

Relume

사이트맵부터 와이어프레임까지, AI가 끝내주는 웹 설계 키트

Builder.io Figma to Code

피그마 레이어를 클릭 한 번에 라이브 코드로 바꿔주는 통역사

Cursor

AI 에이전트가 탑재된 차세대 코드 에디터

Builder.io

피그마 디자인을 프로덕션 코드로 바꿔주는 AI 에이전트

Superdesign

대화로 UI 아이디어를 만들고 다듬는 AI 디자인 도구