Custom Background Fill (pattern, solid color, gradient)
Tom Krcha
shared this idea
14 comments
-
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
