Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
5

Exporting Component States for Dev

New Here ,
Nov 07, 2019 Nov 07, 2019

I have created different component states in my design (default and hover). However, when I share with a view setting Development, I'm not seeing the different states in that preview. 

 

Can XD translate component states to Devs? and can XD translate the animation used to dev?

TOPICS
How to , Import and export , Missing feature
2.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 07, 2019 Nov 07, 2019

Just came here to post the same question.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 07, 2019 Nov 07, 2019

Ditto. This would be very useful.  Right now I am considering using Axure because it does allow states to be exported.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 08, 2019 Nov 08, 2019

+1
This was a sad realization.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 08, 2019 Nov 08, 2019

It coud be great, but I think - now - that you need a design system to share and there, you can separate the states.

 
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 12, 2019 Nov 12, 2019

Hi All,

 

We apologies for the frustration. The team is already aware of the issue and is working on it to fix the issue. We will update you all as soon as we hear back from the team.

 

We are sorry for the inconvenience.

 

Thanks,

Harshika

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 26, 2019 Nov 26, 2019

When creating multiple different states within the component and the link is shared as a development link. The developer aren't able to view the component states in spec view. So, when you click on normal prototype view you are able to go through the flow and view the states. However, if you click on a component and go to a state and click on the spec tab to view the specs for the state, it automatically reverts you back to the default component state and the developer aren't able to view the specs for the state. Attached are the images.

Screenshot-2019-11-26-at-12.57.41.pngScreenshot-2019-11-26-at-13.08.01.pngScreenshot-2019-11-26-at-13.08.11.pngScreenshot-2019-11-26-at-12.57.55.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 26, 2019 Nov 26, 2019

From what I understand, this feature isn't available yet. Please upvote this feature request https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38978644-component... to stay tuned to the latest announcments. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 27, 2019 Nov 27, 2019

I think the fact that component states can be used in prototype mode but then can't be used by our developers to actually build the application using spec view seems more like a bug. For clarification we use click states and not hover states. Except for that we love component states 🙂

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 28, 2019 Nov 28, 2019

I would like to see that too. However, in my opinion, it is unlikely that XD will generate code that developers need to implement the Hover state in the application. But then, the product keeps evolving, and the team may surprise us one day. 

 

And yes, I love this feature to bits. 😉

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 10, 2019 Dec 10, 2019

Thanks for getting back to me However, I feel like there is still a misunderstanding of understanding the issue here. I'm not asking for a XD to generate code to implement the Hover state in the application. Like i initially mentioned we use the states as click states, rather than hover states. From the official UI kit that was uploaded by XD for states, it has components in it with different states I.e, fail/Succuss states, On-Off States, Toggle States, Calender popup states, etc.  This is definetly a bug, as the developers are unable to view the specs of different states and can only view the default state. I have attached 2 videos of what the issue is. I made a click state for search. So when clicked on search it brings down the history. However, when in spec mode you are unable to view specs for this state. Please take a look at the video. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 28, 2020 Jul 28, 2020
LATEST

Já temos uma solução para esse problema? Por favor ajudem!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines