Custom Background Fill (pattern, solid color, gradient)

20 comments
-
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.
-
Maleika Attawel commented
This is something other tools that are like XD have; and that's the ability to easily add a background to a layer other than a solid color or a photo.
The functionality I am describing is that of what already exists in Photoshop.
- the ability to overlay a pattern
- the ability to overlay a solid color
- the ability to overlay a gradientThis is particularly useful when working for the web where we have all kinds of canvas sizes and having to constantly redo the background manually can be a cumbersome task.
-
anggun niken commented
-
anggun niken commented