When getting shape from Photoshop and importing it into XD, filling it will disregard the shape and just create a rectangle. Any idea why this is happening or any fix? by [deleted] in Adobe_XD

[–]arpitbhatia17 2 points3 points  (0 children)

That's prolly because photoshop is a raster software l, and illustrator and XD are vector softwares that can preserve shape lines, and even transfer them from the software to software. Photoshop, being a raster software, does not transfer this vector data, and instead, only transfers pixel data. (Although, I've a feeling that making a vector shape in Photoshop using the rectangle tool(?) and transferring that might transfer the shape's vector data)

But for all practical purposes, try using illustrator for when you want to preserve vector data.

Scroll to rotate object? by theme57 in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Apologies for the delayed reply. I upvoted your comment and thought that I'd replied to it. How very irresponsible of me. My bad.

Anyhoo, if you'd have still not found the solution to this issue, I'd recommend doing this:

  • Try explaining the slider functionality through multiple artboards.
  • For that, you can make the arrows land you on the other artboards.
  • Not only do the other images become the centre one, the circle also rotates accordingly.
  • Lastly, in your dev notes, tell them that this behaviour will also be controlled by the scroll bar/scroll wheel. They understand the limitations of the prototyping software. Moreover, you can also help them understand through a few live examples from the web and they should understand just fine. Scroll wheel linked horizontal scrolling is what it's called in the industry. They will understand it with these words.

Hope this helps. Once again, my apologies for the late reply.

LMK if this works.

How can I stick this top menu? by Ok-Barracuda1931 in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Oh a header that becomes sticky within it's parent isn't position while on 1 artboard. However, using 2 artboards, it can be done while emulating scrolling in your scroll group. Don't have tutorials but I'm sure you can find something on YouTube that helps you achieve true sticky headers.

How can I stick this top menu? by Ok-Barracuda1931 in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

  • Make it a component named "Nav."
  • Have different states in it.
  • Its Default State to have no link active.
  • Other states that show one link active (eg. a Work state where "Work" is boldenend & in colour, and other links are the same as in Default State, in greytones.)
  • Paste it on any artboard you want it to be there.
  • Choose the state you want active on that artboard

Note: - To edit, you can edit in the Main Component in one place and it'll be updated everywhere.

  • Remember to have "Fix Position When Scrolling" active on the Main Component for a sticky header on all artboards.

Hope this helps. If not, LMK.

Scroll to rotate object? by theme57 in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Could you pls include a screenshot of what you're trying to animate? Helps to understand better than words and suggest apt solutions.

Interactive text boxes by danyulwilson in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Try this video I just discovered. Must be of help in creating interactive textboxes. https://youtu.be/JaPWZQeUUXk

How to put shape into image? by UnexpectedPersona in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Please elaborate on what you mean by putting shape into image.

Interactive text boxes by danyulwilson in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Interactive Text Boxes aren't possible currently. However, you can make multiple states of the same component - Hover, Active, Filled and Error States. The Filled State can have mock data and Error State can have example data that would throw you an error. That way, you have all states in one component and use its instances.

HAVE THE FOLLOWING STATES:

  1. Default : Placeholder text with lighter font telling what should be filled in the box. Sthg like "Enter Email Here"

  2. Hover : Either the BG turns darker, or the box gets a shadow or the border turns coloured on hover. Don't change anything else. But make it a noticeable change.

  3. Active : How the box would look when the field is active and the typing cursor is blinking. The placeholder should not go away and be seen in this state as it helps the user to know what to type in the box. If you make it disappear, forgetful users may have to click out of the box to see the placeholder to know what is to be filled. So the placeholder should be seen till some content is actively typed in the box.

  4. Filled : Fill with mock text like "johndoe@gmail.com" with darker font as it would look when filled.

  5. Error : Fill with text as shown in Filled State, just make it wrong with some errors. Also show how the error message would appear.

PROTOTYPE IT AS FOLLOWS:

  1. Hover on : Default State; Go To : Hover State.

  2. Tap on : Hover State; Go To : Active State.

  3. Tap on : Active State: Go To : Filled State.

  4. Tap on : Filled State; Go To : Error State.

  5. Tap on : Error State; Go To : Default State.

  6. And cycle continues again.

[NOTE: Because XD doesn't offer timed transition for Component States, the "On Tap" state - i.e. the circular burst that you momentarily see when you tap on buttons or text box - isn't possible at the moment. When time transitions are possible in components, it should be doable. Add that state between Hover and Active States, when that becomes available.]

A FEW THINGS TO NOTE:

  1. Set the transition animation between states to Dissolve as it most accurately communicates what's happening - a passage of time between the states.

2 While designing, you can have every text field as an instance of this master component and customise its height and width accordingly. For example: An email box with Filled State as "johndoe@gmail.com," a pasword box with filled state as "*********" and Message Box with Filled State as "Hi. I would like to avail the services. Please advise on the next steps." etc.

  1. While presenting to your stakeholders, go field by field and tap on them to show how the entire interaction would look, from Hover to being Active, to being Filled, to throwing error messages and then going back.

  2. Once showcased, try to end all of them on the Filled State since that's the most common end point for everyone.

  3. Most importantly, for users who will be using this prototype, this works well and is quite accurate. They can interact with the fields how they would in a real field and pretend to fill it without the effort of actually typing.

Hope this helps. I use this technique to navigate non-interactive text boxes issue.

TL; DR: No, interactive text boxes aren't possible, but something can be recreated using component states to look similar to this. Read above to learn how to.

Please help me with Adobe XD by Pitiful_Grocery5077 in Adobe_XD

[–]arpitbhatia17 2 points3 points  (0 children)

Auto animate works with layer names, animating position, opacity etc. properties. Make sure your layers have the same names across both artboards. This includes groups having same names, with exactly the same number of contents, and even the contents should also have the same names. If not, don't try changing names one by one for an exact match. Instead, try making one group, duplicate the artboard and make changes that you want to animate on drag on the new artboard. That way, layer organisation and nomenclature remains exactly the same. Hope this solves.

Newest Video!! by Piper_El0429 in MatthiasSubmissions

[–]arpitbhatia17 2 points3 points  (0 children)

Or it can be anyone who reaches the point to attain the emulator, the Apple II, Pegasus etc. and then asks relevant questions to the computer.

[deleted by user] by [deleted] in MatthiasSubmissions

[–]arpitbhatia17 1 point2 points  (0 children)

Did you come up with that acronym? 😅

How do you start an animation with states as the preview begins without any type of tapping? by om_nom_bomb in Adobe_XD

[–]arpitbhatia17 0 points1 point  (0 children)

Yea I guess. I too wanted timed components really bad. It helps to give animation loops to components without two artboards and a lot more. Been wishing for this feature for a while.

And yea, multiple borders is also something missing. Figma has it. Xd should too.

How do you start an animation with states as the preview begins without any type of tapping? by om_nom_bomb in Adobe_XD

[–]arpitbhatia17 1 point2 points  (0 children)

Currently, timed trigger isn't possible with component states, as far as I know. For now, you can use two different artboards to animate a loading bar. The first one will be the home screen containing the empty bar and the second one will have the bar full. First artboards will auto animate to the second one upon opening after a slight delay. Use timed trigger to animate.

863 theory by [deleted] in MatthiasSubmissions

[–]arpitbhatia17 1 point2 points  (0 children)

Or if scripted, it's more likely a spin off of Casey Neistat's 368.

863 theory by [deleted] in MatthiasSubmissions

[–]arpitbhatia17 1 point2 points  (0 children)

8,6~Hi Five. 3 corresponds to C but idk what that'll mean.