AdobeXD의 Plugin 개발 시작

4567 단어 AdobeXDMac
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!"
  • 좋은 웹페이지 즐겨찾기