AdobeXD의 Plugin 개발 시작

AdobeXD는 무료로 터치할 수 있을 것 같습니다.
플러그인 개발도 간단하게 시작했으니 디자이너의 고된 일을 줄여라.

환경 구축

사이트 제목에서 AdobeXD

다운로드

Hello World 해보세요.

AdobeXD 열기

제목 메뉴에서 "플러그인 > 개발 버전 > 개발 폴더 표시"

선택

Finder에서 "helloworld"디렉터리 만들기

다음 파일 2개 만들기

main.js

function sayHello(selection, documentRoot) {
        console.log("Hello World!");
}

module.exports.commands = {
    helloCommand: sayHello
};

manifest.json

{
    "id": "YOUR_ID_HERE",
    "name": "Name of Your Plugin",
    "version": "0.0.1",
    "description": "Description of your plugin.",
    "icons": [],
    "host": {
        "app": "XD",
        "minVersion": "13.0.0"
    },
    "uiEntryPoints": [
        {
            "type": "menu",
            "label": "Hello World",
            "commandId": "helloCommand",
            "shortcut": { "mac": "Cmd+Shift+P", "win": "Ctrl+Shift+P" }
        }
    ]
}

제목 메뉴에서 "플러그인 > 개발 버전 > 플러그인 다시 불러오기"

제목 메뉴에서 "플러그인 > 개발 > 개발 콘솔"

선택

제목 메뉴에서 플러그인 > 도움말 세계 선택

개발자 콘솔에게 "Hello World!"