New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1366 ideas
  • 02 : Prototype mode 370 ideas
  • 03: Share mode 50 ideas
  • 04 : Sharing on the web 214 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 38 ideas
  • 07 : Integration with other tools 118 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 19 ideas
  • 10: Developer Handoff 140 ideas
  • 11: Plugins 135 ideas
  • Other 109 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,868 ideas

Components & Design systems

It wode be really good that designers to have capabilities to design with components which can be used separately or combined into a new component because today technologies are relying on this concepts example React, ReactNative ... This feature would give designers the capability to build consistent design systems.

68 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

ESersic shared this idea  ·  June 24, 2018  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Tany commented  ·  November 28, 2019 17:04  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    something like Invision DSM , we need it urgently!

    Submitting...
  • Edu Couchez commented  ·  November 18, 2019 01:44  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Well... so after a while working with XD, I've found it a good competitor to other design alternatives.

    While we are happy expecting for more design and prototyping features, I would ask if it should be feasible to expect some sort of Design System Manager from Adobe.

    Although there are tons of very good alternatives out there, it would be invaluable to have all the "product design" pipeline just under the same tool (As UXpin already do)

    Not only should it be faster and less "cognitive friction" (jumping from app to app, searching for export plug-in in different placements, managing assets out there... etc, etc)... but would be cheaper for the freelancers, who has to pay hundreds to maintain a myriad of different, and sometimes only once used services, plugins and whatever that is monthly paid.

    Submitting...
  • Pedro Henrique Boarati Vignoli commented  ·  October 15, 2019 07:48  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Create a Web Design System manager like Invision did here:
    https://www.invisionapp.com/design-system-manager

    Submitting...
  • Anonymous commented  ·  June 13, 2019 04:59  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    XD already allows users to paste appearance only, and I used to think it'd be nice if those styes could be defined as an abstract component and reused when creating variations of a component The procedure would be something like this.

    1. define a set of styles as a style-only-component (or whatever you call it).
    e.g. button_hover_state_style_component
    2. apply it to a master component in order to create :
    a) a sub-master component (like implementing an interface to a class in Java), or
    b) a state of the component (like layer effect in Photoshop)

    In this way, it might be easier to maintain consistency of hover state across buttons for example.

    Submitting...
  • Steve Anthony commented  ·  April 18, 2019 22:39  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Why is no one voting for this? This is really really needed

    Submitting...
  • Izel Maras commented  ·  March 07, 2019 13:19  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    A Design System Manager that is the improved version of Invision

    Submitting...
  • Vincent Spallek commented  ·  December 03, 2018 06:55  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Another aspect to consider is the philosophy of OOCSS:

    1. Create design tokens (color, font specs)
    2. Utilizing these tokens, create CSS classes as defined by OOCSS. Example: protective-margin for a margin around clickable elements; clickable-area for a minimum width and height and mouse cursor; button-background for the colors for the different states. Then we can create another class button-background--emph for an emphasized button without having to repeat all the other specifications that won't change
    3. Combine those classes to build-up the elements. With this approach, they will become much more consistent with little effort <button class="protective-margin clickable-area button-background">Normal button</button>, <button class="protective-margin clickable-area button-background--emph">Important button</button>
    4. Use those elements to build-up the screens and flow

    It would be great if something like this would be supported by XD. Other Adobe tools like InDesign allow it to assign one style (e.g. paragraph style) to each element, but not several. Even in Dreamweaver, I can only pick one CSS class when using the design view.

    Related: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13245423-import-html-from-url-as-editable-static-content

    Submitting...
  • Vlad Malik commented  ·  November 26, 2018 17:20  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I second Object-Oriented design for XD components, so they encapsulate assets, layout, animations, and interactivity. Here's a full description on Twitter, using Unreal Engine as an example from gaming dev: https://twitter.com/VladMalik/status/1067226303185616896

    Submitting...
  • Vincent Spallek commented  ·  November 15, 2018 08:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    One example for a design system: https://vueds.com/

    Submitting...

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy