Questions tagged [adobe-xd]

Adobe XD is Adobe's extensible experience design application. Use this tag for questions related to XD plugin APIs.

The Adobe XD plugin APIs let you automate experience design workflows, connect XD to web services, import and export content, and more.

Here are some resources to learn more about building XD plugins:

139 questions
16
votes
1 answer

How can I open link in adobe xd?

I have an xd adobe link with full of the design pages. I want to open these design pages in adobe xd windows desktop application but I can't. How can I open this link in adobe xd windows desktop application?
J. Doe
  • 301
  • 2
  • 6
11
votes
3 answers

CSS equivalent to Adobe XD's "Background Blur" feature?

Developing a page based on an Adobe XD comp. Since Adobe XD doesn't let you export CSS, I've been hand-coding each element's CSS attributes. I'm trying to figure out what would be the CSS equivalents for the following screenshots. Blurred…
user3183717
  • 4,427
  • 6
  • 20
  • 42
9
votes
4 answers

Convert HTML / CSS from Adobe XD

just downloaded the Adobe XD and i think i am going to love it. I just have a problem Exporting it from Adobe XD into HTML / JS / CSS and port it to my code in Visual Studio, so i can do WebForm. How is this possible.
RedMond
  • 133
  • 1
  • 1
  • 5
9
votes
3 answers

How do I go from an Adobe XD prototype to a working app?

I Have Created A Beautiful Design Of My App Using Adobe XD. But Now I Want To Convert That Design Into App That Looks Exact The Same. How do I go from an Adobe XD prototype to a working app?
Ajay Sangharsh
  • 91
  • 1
  • 1
  • 2
5
votes
1 answer

programmatically add custom css design tokens to material-ui components

I'm using material-ui components in my react-redux app. I had created the UI prototype using adobe-xd, which provides an option to export the character styles (design tokens) in the form of a css file: :root { /* Colors: */ --text-color:…
derper
  • 113
  • 8
4
votes
0 answers

How to make Adobe XD to Flutter code responsive without using any hardcoded values?

I was trying to convert one of my screens designed in Adobe XD to Flutter code but was not quite satisfied with it's outcome. The screen that I imported looks something like this: From UI point of view, everything was nearly similar, but when I…
4
votes
1 answer

What does 'normal normal medium 45px/61px Oswald' mean in a css font rule?

I'm working on converting a design in Adobe Xd to a HTML template, for one element its suggesting the following css rules. top: 149px; left: 54px; width: 463px; height: 208px; text-align: left; font: normal normal medium 45px/61px Oswald;…
Mohd Abdul Mujib
  • 13,071
  • 8
  • 64
  • 88
4
votes
4 answers

Flutter import 'package:adobe_xd/pinned.dart' - Target of URI doesn't exist: ... (missing lib in the adobe_xd package?) How to solve it?

I am using Flutter with VSCODE in a MacOS. Just imported a file MobileHomePage.dart from AdobeXD and the file name is in RED - meaning some error in this file. I followed this tutorial. At 5:33 it shows that I should add the follow packages…
IgorAlves
  • 5,086
  • 10
  • 52
  • 83
4
votes
2 answers

Why are 100 px in Adobe XD smaller than on a website (Safari, Google Chrome etc.)?

I'd like to develop my design from Adobe XD. Unfortunately, the measurements are completely different. What's the reason for this? How can I calculate the "correct" size for elements and fonts? size in Adobe XD size on website
fnm65404
  • 65
  • 1
  • 5
4
votes
2 answers

Converting Adobe XD prototype to HTML

I made this prototype: Now I want to convert it to HTML, though I am having trouble with two things. First is the SVG. I can't get it to go off the screen, it keeps auto resizing to fit the screen. Second, how would I go about making the green…
Sisoma Munden
  • 78
  • 2
  • 8
3
votes
2 answers

Adobe XD to flutter all widgets not exporting

Recently, I downloaded a UI Kit. I am trying to convert this UI kit into flutter via xd to flutter plugin. I have downloaded the plugin and trying to export all the widgets. I have given the proper path but it is not exporting at all, even it is not…
bikas.lenson
  • 73
  • 1
  • 8
3
votes
2 answers

How to make the code generated by adobe XD to flutter plugin, actually usable & responsive based on screen size?

Recently adobe XD released its new plugin that supports flutter. basically it takes the design and transforms it into actual flutter code. The designer designed it on iphoneX dimensions and the code use absolute positioning according to it. The…
3
votes
2 answers

How can i use designs created in Adobe XD in my Angular JS website?

I have created a design prototype in Adobe XD. I want to use this prototype design in my web application created in Angular JS How can i use designs created in Adobe XD in my Angular JS website ? I searched net and i was able to find a XD plugin to…
Reena Chauhan
  • 31
  • 1
  • 2
3
votes
1 answer

My Adobe XD plugin isn't showing up in the Plugin menu

I've started building a new plugin for Adobe XD, but for some reason, I can't see it in the plugin menu, even after several reloads. I'm pretty sure I structured the folder correctly and I'm building in the correct develop folder...
Erin Finnegan
  • 498
  • 3
  • 7
3
votes
1 answer

Can I use require to import more files into my Adobe XD plugin?

I'm building an XD plugin, can I require addition files? Can I require files outside my plugin's directory? Does XD support Node.js-style resolution? Can I use lookup in a package.json?
Erin Finnegan
  • 498
  • 3
  • 7
1
2 3
9 10