Custom Background Fill (pattern, solid color, gradient)
Tom Krcha
shared this idea
23 comments
-
Sebastian Hösl
commented
And first I thought Adobe XD is great...
-
Zigmas Mallol
commented
Just realised background patterns are missing... The only way to achieve this is by using the repeat grid, thus making thousand of instances of a single image, that render the XD the file automatically a thousand times heavier. :/
-
Anonymous
commented
2021 and it's still not possible to use patterns as background... amazin.
-
Rugg
commented
The more I use XD the more I want to go back to Sketch. There are too many missed features.
-
Anonymous
commented
there is a need to export patterns from ai to xd.
-
Mason Shewman
commented
I use Photoshop to create patterns and import them into a masked container in order to avoid the pitfalls of the Repeat Grid workaround. It's a bit disruptive to my workflow, but it works in a pinch.
-
Ishank Jha
commented
We need it!!!!
-
Lizette Vernon
commented
upvoting pattern repeat!!
-
Omie Walls
commented
Whew chile, yes...
-
Santi
commented
It's odd that I can't use patterns from the library at all.
-
Mayra
commented
Upvoting for the pattern
-
Anonymous
commented
Upvoting for pattern repeat fill as well.
-
Benjamin Rancourt
commented
Upvoting for background pattern fill, this would make the selection of fill methods complete - the repeat grid workaround is acceptable but not very convenient.
-
mathias
commented
When I use the Repeat Grid "workaround", every instance of the bitmap image gets exported when I "Share for Development". I just generated a share link that had 300+ copies of the same background image tile.
How undercooked Adobe XD is continues to amaze me.
Maybe in 3 MORE years we can get a bitmap pattern fill implementation! Oh joy! -
Vnz
commented
As solid and gradient fill are now implemented, I upvote the background fill.
Please make this, using the same attributes as css : repeat-x, repeat-y, center, ... -
Amy G
commented
I upvote a request for background fill pattern!
-
@Cam, after using XD to create intricate patterns like that, I think it's best to Export to a PNG and use the image instead.
-
Cam
commented
I've just realised that my comment has included the closing parenthesis in the link and won't work until you remove that. Sorry!
-
Cam
commented
@Randy I'm using the Repeat Grid workaround for now and whilst it's easier and more fluid to work with than other Adobe apps it kills my machine because my pattern is quite fine due to there being hundreds of instances (see screenshot: https://imgur.com/a/8CZKTw5).
-
FYI, gradients are already supported Fills. Use dropdown at top of color picker to change from "Solid Color" to "Linear Gradient" or "Radial Gradient".
Yes, we'd like to make patterns easier. For now, you can create pattern using a Repeat Grid and then mask it using a Masked Object.
