问题标签 [adobe-xd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
141 浏览

user-interface - 我在 adobe xd 上的 iPhone UIkit 的图标被问号替换了吗?

我正在自己wireframe开发adobe xd软件并下载UIkitiPhone X. 但是,我注意到某些图标(例如后退箭头按钮或底部导航栏图标等其他图标)已全部替换为问号图标。

有人告诉我,当我下载 时UIkit,图标应该在那里而不是问号图标。如果您知道解决此问题的任何方法,请告诉我。

0 投票
1 回答
480 浏览

javascript - Adobe XD 嵌入式应用程序原型导致页面在加载后“跳转”到页面中间

我将 Squarespace 用于我的投资组合网站。他们有一个“块”,允许我使用嵌入的 Adob​​e XD 代码(如下)来显示我的应用程序原型。原型工作正常,但是当页面加载时,它会自动从页面的一半向下移动到原型。链接到页面

我希望我的页面在完全加载时保持在顶部,而不是从页面中间跳到原型。我尝试了无数的解决方案,例如使用沙盒、延迟加载和滚动视图加载。我尝试过使用“data src=""" 以及其他选项。

不幸的是,这些解决方案都没有奏效。唯一没有跳到原型的时候是它根本没有加载(这发生在延迟加载,滚动加载)。我怎样才能解决这个问题?我也可以使用 HTML、CSS 和 JavaScript。

我最好的猜测是延迟加载原型,直到它出现。唯一的其他选择是将原型放在页面顶部,这不是我想要的(它会打乱项目的流程)。

任何帮助是极大的赞赏!

0 投票
2 回答
60 浏览

adobe-xd - Figma中指导线之间的距离?

所以我现在使用 Figma,因为 Adob​​e XD 将不再免费。我很好奇是否有像 Adob​​e XD 那样在 Figma 中显示引导线之间距离的配置? 在此处输入图像描述

上面是插图。提前致谢

0 投票
1 回答
1957 浏览

android - 在颤动中渲染 SVG 文件不起作用

我正在尝试使用“flutter_svg 0.17.1”包在我的颤振应用程序中渲染 SVG 文件。它适用于大多数在线 SVG 文件,但不适用于我从线框下载的自定义 SVG 设计。

线框设计

狗.svg

从 adobe xd 下载 SVG 文件时我必须遵循的任何指南

0 投票
1 回答
877 浏览

android - 无法将 adobe XD 中的资产导入 android studio

我使用 adobe XD 制作了一个 UI 布局,并希望将其导出以在 android studio 中使用。我通过使用 Export-kit 插件实现了这一点,该插件方便地将一页所需的所有资产导出到一个文件夹中。

导出的资产文件夹

readme.txt然后指示我将所有这些资产复制到android studio 的 noactivity 项目文件夹的文件夹中。

这样做之后,我仍然没有得到任何回应。

因此,我尝试使用基本活动并手动添加所有必需的XML代码(活动主、颜色、样式等),但仍然看不到任何内容。

我知道从 xd 导出的皮肤在项目文件夹中

(项目文件夹中的复制值)

但我似乎无法在 android studio 上查看它们。

安卓工作室窗口

对此问题的任何帮助将不胜感激。

0 投票
0 回答
2324 浏览

adobe - Adobe XD 文件打不开

XD 文件未导入在 Mac 中设计的 win10。打开此文件时出错错误代码:87。这不是有效的 XD 文档。在此处输入图像描述

0 投票
1 回答
5378 浏览

adobe - 如何在 adobe xd 中打开链接?

我有一个带有完整设计页面的 xd adobe 链接。我想在 adobe xd windows 桌面应用程序中打开这些设计页面,但我不能。如何在 adobe xd windows 桌面应用程序中打开此链接?

0 投票
2 回答
2031 浏览

html - 如何在我的 Angular JS 网站中使用在 Adob​​e XD 中创建的设计?

我在 Adob​​e XD 中创建了一个设计原型。我想在我用 Angular JS 创建的 Web 应用程序中使用这个原型设计

如何在我的 Angular JS 网站中使用在 Adob​​e XD 中创建的设计?

我搜索了网络,我能够找到一个 XD 插件来导出到 HTML 和 JSS 文件。

请告诉我。

0 投票
0 回答
155 浏览

javascript - 如何在 Adob​​e XD 中为 strokeDashOffset 设置动画?

在 Adob​​e XD 中,我有一条虚线路径(或线条)需要制作动画。在其他软件中,我总是通过为路径的虚线偏移(它的“相位”)设置动画来做到这一点。在 Adob​​e XD 中,此属性存在但不会通过用户界面公开。

我在插件 API 中进行了一些挖掘,发现LinePath派生自GraphicNode,并且它们都具有strokeDashOffset属性。

我制作了一个快速插件,可以打印和设置这些值,使用以下内容:

这工作得很好,并且路径肯定会改变它的阶段。但是,如果我将同一条线放在具有不同相位的两个不同画板上,然后使用自动动画将它们连接在一起,则该属性将被忽略。我假设在幕后,这个属性没有被插值。

有谁知道让这个属性动画的方法和/或 Adob​​e XD 中路径偏移动画的替代解决方案?据我所知,动画 SVG 或GIF目前是不可能的。

谢谢。

更新 1: 我在组件内部尝试了手动逐帧方法,其中每个状态本质上是具有不同破折号阶段的帧。这个想法是让组件成为一个包含的时间线,以便动画可以在不同的画板上重复使用。但是,组件不支持Time触发器,这意味着它只能通过交互(单击、拖动等)进行转发。这种方法行不通。

更新 2: 由于画板确实可以访问Time触发器,因此我可以根据需要多次复制画板,并相应地设置每个包含路径的破折号阶段。这可行,非常痛苦,因为它可能需要大量重复的画板,我想避免这种情况。在密集画板之间快速制作动画也会降低性能。

我制作了一个快速的 GUI 插件来简化此操作并将其上传到 GitHub。如果找到更好的解决方案,我会保留这个问题。

0 投票
1 回答
195 浏览

javascript - 如何在 Adob​​e XD 插件中使用 ES6 模块?

我想知道是否可以在我的 XD 插件中使用 ES6 导入。

例如,每当我使用import Vue from 'vue'时,构建任务都会成功完成,但是,XD 在加载插件时会在开发人员控制台中引发错误:

我从这里的 Hello Vue 对话框示例开始,并将其转换为面板 - 但对话框示例出现相同的错误。package.json 和 webpack.config.js 在这个过程中没有改变,所以libraryTarget剩下的commonjs2. 我需要额外的插件来解析 ES6 模块导入吗?

在此处的另一个线程中,没有直接提到 ES6 导入和导出受 Adob​​e XD 支持:您可以在 Adob​​e XD 插件中使用 ES2015+ 功能 (ES6) 吗?

由于我有一个使用 ES6 导入和导出的流行代码库,我想将它放入插件中并在插件中使用它,而不用import需要的语句替换每个require语句。

如果需要,我可以提供一个最小的示例。

谢谢你的帮助。

最好的,丹尼尔