Confusions about customised Target Language Support in the VSCode Extension for Adobe XD
Hi there,
Currently, I am reviewing the VS Code Extension [1], and, I am confused which target languages are supported, and, how to build a reliable solution for our own target languages (e.g. Qt support [2], TouchGFX support [3], Unity3D support [4] ... etc.)? Does this Adobe XD Extension support us to build a DSPs for our own target languages, or, do we need to build our own solutions built on Amazons Style Dictionary [5] to achieve this? Currently, only certain target languages [6] and code snippet languages [7] are supported. Or ... can this be achieved already with the currently existing code snippet languages section without the need to choose a certain target language to create a DSP? Could you please give advice in how to proceed?
Thx, Sebastian
[1] https://www.adobe.com/products/xd/learn/design-systems/cloud-libraries/vscode-extension.html
[3] https://support.touchgfx.com/docs/introduction/welcome
[4] https://docs.unity3d.com/ScriptReference/
[5] https://amzn.github.io/style-dictionary/
[6] Currently supported target languages:
- CSS
- Flutter (Dart)
- Android (Java)
- Javascript
- iOS (Objective-C)
- SCSS
- iOS (Swift)
[7] Currently supported code snippet languages:
"languages": [
{
"label": "Coffeescript",
"export_tokens": false,
"snippet_id": "coffeescript",
"syntax": "text/x-coffeescript"
},
{
"label": "C",
"export_tokens": false,
"snippet_id": "c",
"syntax": "text/x-csrc"
},
{
"label": "C#",
"export_tokens": false,
"snippet_id": "csharp",
"syntax": "text/x-csharp"
},
{
"label": "CSS",
"export_tokens": true,
"snippet_id": "css",
"syntax": "text/css",
"ext-com_adobe_xd-styledictionary_id": "css"
},
{
"label": "Flutter (Dart)",
"export_tokens": false,
"snippet_id": "dart",
"syntax": "application/vnd.dart",
"ext-com_adobe_xd-styledictionary_id": "flutter"
},
{
"label": "F#",
"export_tokens": false,
"snippet_id": "fsharp",
"syntax": "text/x-csharp"
},
{
"label": "Go",
"export_tokens": false,
"snippet_id": "go",
"syntax": "text/x-go"
},
{
"label": "Groovy",
"export_tokens": false,
"snippet_id": "groovy",
"syntax": "text/x-groovy"
},
{
"label": "Handlebars",
"export_tokens": false,
"snippet_id": "handlebars",
"syntax": "text/x-handlebars-template"
},
{
"label": "HTML",
"export_tokens": false,
"snippet_id": "html",
"syntax": "text/html"
},
{
"label": "Android (Java)",
"export_tokens": false,
"snippet_id": "java",
"syntax": "text/x-java",
"ext-com_adobe_xd-styledictionary_id": "android"
},
{
"label": "JavaScript",
"export_tokens": false,
"snippet_id": "javascript",
"syntax": "text/javascript",
"ext-com_adobe_xd-styledictionary_id": "js"
},
{
"label": "JavaScript React",
"export_tokens": false,
"snippet_id": "javascriptreact",
"syntax": "text/jsx"
},
{
"label": "Less",
"export_tokens": false,
"snippet_id": "less",
"syntax": "text/x-less"
},
{
"label": "Lua",
"export_tokens": false,
"snippet_id": "lua",
"syntax": "text/x-lua"
},
{
"label": "iOS (Objective-C)",
"export_tokens": false,
"snippet_id": "objective-c",
"syntax": "text/x-objectivec",
"ext-com_adobe_xd-styledictionary_id": "ios"
},
{
"label": "Objective-C++",
"export_tokens": false,
"snippet_id": "objective-cpp",
"syntax": "text/x-c++src"
},
{
"label": "Pug",
"export_tokens": false,
"snippet_id": "jade",
"syntax": "text/html"
},
{
"label": "Python",
"export_tokens": false,
"snippet_id": "python",
"syntax": "text/x-python"
},
{
"label": "Razor (cshtml)",
"export_tokens": false,
"snippet_id": "razor",
"syntax": "text/x-csharp"
},
{
"label": "Ruby",
"export_tokens": false,
"snippet_id": "ruby",
"syntax": "text/x-ruby"
},
{
"label": "Rust",
"export_tokens": false,
"snippet_id": "rust",
"syntax": "text/x-rustsrc"
},
{
"label": "SCSS",
"export_tokens": false,
"snippet_id": "scss",
"syntax": "text/x-sass",
"ext-com_adobe_xd-styledictionary_id": "scss"
},
{
"label": "SASS",
"export_tokens": false,
"snippet_id": "sass",
"syntax": "text/x-sass"
},
{
"label": "ShaderLab",
"export_tokens": false,
"snippet_id": "shaderlab",
"syntax": "text/x-vertex"
},
{
"label": "iOS (Swift)",
"export_tokens": false,
"snippet_id": "swift",
"syntax": "text/x-swift",
"ext-com_adobe_xd-styledictionary_id": "ios-swift"
},
{
"label": "TypeScript",
"export_tokens": false,
"snippet_id": "typescript",
"syntax": "text/typescript"
},
{
"label": "TypeScript React",
"export_tokens": false,
"snippet_id": "typescriptreact",
"syntax": "text/typescript-jsx"
},
{
"label": "Markdown",
"export_tokens": false,
"snippet_id": "markdown",
"syntax": "text/x-markdown"
}
]
