Drag-and-Drop Swatches to Artboard
This functionality wouldn't change the swatches palette it, but would allow users to drag a swatch to the artboard and drop it. You could tile several to create a tonal family or brand color set.
Being able to scale them larger, arrange them, reformat the grid, turn the white gap off in between colors would improve color adjustment and comparing hues side by side. They'd function like the existing swatches panel in that you could have a shape or stroke selected and apply the color by clicking the swatch on the artboard.
This would help in color exploration and creating effective color themes. Save common color usage in your workspace set up, export out as a group, share via Libraries, copy and paste artboard swatches to another file etc.
People who felt the need for this functionality : Can you please highlight what is the underlying need/problem that you are trying to solve? Why you need to see swatches on your artboard / canvas?
-
Shawn commented
It can help to have the swatches on the artboard so you can layer them or pair them up to test contrast. I often leave my swatches in the artboard for future reference as I may return to a client file years later and they act as reminders of how the colors were utilized. A grid in a pallet does not offer the same functionality. It's not simply about selecting colors, but the ability to move and manipulate them. Cutting out the "create shape and apply swatch" step would help streamline that for the people that want it and would have zero impact on people that don't.
Maybe there could be a simple setting in the Swatch pallet for default size and shape when dragging swatches to the artboard. That would allow designers that work on large or small artboards to size them appropriately. -
If we need to visualise the swatches in a more legible and organised manner, can't we just create a swatch group and increase the size of the swatch thumbnails?
The team is trying to ascertain the actual need here, drag and drop swatches is just one solution but there can be better solutions.
-
JPEGWEBER commented
I don't know what I can say that's not already been said more eloquently, but I'll throw another simple metaphor in the ring.
Say you're a painter. Do you want to open a can of paint each time you need a new color, dip your brush, close it, set it down, get to painting, rinse and repeat? Or would you prefer to have a readily available and highly visible palette?
Not only does it speed up the workflow, but seeing the colors there in a more visible manner can ease the ideation process because you see what tools you have available.
-
Bartosz Jaskólski commented
Swatches may appear small and insignificant within the overall Illustrator interface, yet they play a crucial role during project work. It takes me a few seconds to locate the right color or gradient, navigate my mouse to select it, and then return to the artboard. Instead, I create and color a few squares directly on my artboard, each occupying approximately 1/20 of the screen size, and use them as my color pool.
This would be great if I could grab and pull swatches to the artboard at the beginning of the project.
-
Von Glitschka commented
The need: To be able to drag and drop swatches onto the art board in Ai so we can compare hues and judge color values next to one another.
The problem to solve: Swatches are currently stagnant. I more flexible work flow allowing us to use color swatches the way we prefer and make exploration and tonal value comparisons easier would benefit both designers and illustrators.
I don't expect anyone on the Ai team to full comprehend this since you don't have anyone on the team that builds brand identity on a daily basis or works out colors for illustration everyday either etc.
In all reality you own this type of technology already since you bought Macromedia Freehand which allowed users to do this. So in that respect this isn't a new feature.
It's far more useful on a daily basis having this functionality then it is other features you've invested time in: Intertwine which just mocks up a look, but ultimately you still have to manually build it so it's not as useful as it seems. Text-to-Vector is another hot mess that produces unprofessional clip-art quality poorly constructed vector images.
I would suggest have a setting to enable this feature. By default it could be set to off so no noobs won't get confused, but allow pros to go in and check the box to enable it.
-
Xhico commented
I'd want this for laying out palettes for presentations. One way to drag swatches (maybe one or as a group) to the artbaord and have the option to display the color code profile (between hex, cmyk rgb, pantone, or all).
-
Do you cook? :)
Imagine you want to make a meal.
You open a fridge, you grab the products you need, you put them on the table, grab a knife, cut products, cook them.
Sure, some don’t do that :) They run back to fridge every time (and they don’t upvote this probably).Swatches panel is a 'fridge'
Take a look at how Von organizes his Swatches: https://youtu.be/aDnoMHs32-o
These are swatches he puts in a template and use across some of his projects.
Sure the illustration doesn’t need ALL of these.
So he 'puts chosen swatches on canvas' — like products — and cook with them only.Take a look at the video above, from 28:40 specifically (https://youtu.be/aDnoMHs32-o?t=1720)
Swatches Panel can’t have these as large as he wants them to be.
We can’t make Swatches panel to hide some.
There is no way to quickly detach some colors into a floating panel.
Swatches are separated with thin lines and if prevents us from seeing how they react to each other.
We can’t make one swatch larger than other to set a ratio of colors (like Von does even later in the video — see image 1).This image 1 is what artists do at the image 2.
And Swatches — is image 3.
And what is requested here — is image 4. -
Yasir commented
Number #2
I think it's about time to take action and make Drag-and-Drop Swatches to Artboard happen, I supported this idea in July 2023, and I can see over six pages of comments supporting this idea. I'm a packaging designer and would need it critically. -
Dina Dembicki commented
Number 2 for me.
Agree with Darrian Bagley, this function would make it much easier to create branding color palettes.
Also, in my case, doing package design for grocery: I send to the production team a "master" file with one flavor laid out, and then off to the side I make boxes with the colors for the other flavors. This way they can hit the ground running without having to come back to me for color choices before they upload into the workflow software for routing.
-
Rasmus commented
@Saurav Agrewal; I'd like Archit's option 2. Because the feature is lacking, I've written a script that adds the selected swatches (or groups of swatches) to the artboard as rectangles. But I'm still missing the option to just drag and drop a swatch from the swatches panel to the artboard.
```jsx
// Check if a document is open
if (app.documents.length === 0) {
alert("No document is open.");
}// Reference the active document, swatches and artboard
var doc = app.activeDocument;
var swatches = doc.swatches.getSelected();
var artboard = doc.artboards[doc.artboards.getActiveArtboardIndex()];var x = artboard.artboardRect[0];
var y = artboard.artboardRect[1];if (swatches.length == 0){
alert("No swatches are selected.");
}else{
// Add a layer for the generated swatches
var colour_layer = doc.layers.add();
colour_layer.name = "Swatches layer";
for (var i=0, len=swatches.length; i < len ; i++) {
// For each swatch, add it to the artboard
if ( i > 1 && 5 % i == 0){ y -= 110; x = artboard.artboardRect[0]; }
// Size and color of block
var rect = colour_layer.pathItems.rectangle(y, x, 100, 100 );
rect.fillColor = swatches[i].color;
// No stroke
rect.stroked = false;
x += 110;
};
}
``` -
People who felt the need for this functionality :
Can you please highlight what is the underlying need/problem that you are trying to solve?
If you want to visualise the swatched clearly, you can just increase the size of the thumbnail.
-
Meanwhile, Sergey Osokin made a script, ColorToner, that automates making shades-tints-tones, with a great range of options: customizable steps and purity, text legend, size and gaps, preview, adding to swatches, etc.
Worth having if you are into this workflow: https://www.youtube.com/watch?v=X-MK0bEbD78 -
L Coyle commented
This would be an amazing addition to Illustrator. Having live swatches displayed as you need them next to the art - for presentation of color chips and for the functionality of having them attached to your art. I like option 2, and would love to have my global swatches next to my art that I can change and update the art. And what if Recolor Artwork could generate new global swatches (like it does for patterns and gradient swatches) when you recolor the art with the global color chips attached.
-
JPEGWEBER commented
If we had to choose, I'd choose option 2, but having the option for both would be ideal.
-
Xhico commented
I like Both Ideas to have as an option. I actually for years have been creating swatches that I copy over for projects to track my color for projects so I can do exactly as you suggest in #2. The current limitations of 5 colors in a paltter for a library is waaaayyy too limited. Can we get that amped up and then be able to access our swatches from LIbraries and launch the #2 pop-up window?
-
Jamie Wood commented
Option 2 please!
-
Von Glitschka commented
How about giving the user both. Let us have more choices. But based on how you framed the responses above I'd pick 2. 1 just seems like what we already have and if the swatches have white lines around them it doesn't help to make value judgements. Why can't you do what I mocked up in 'Drag-and-Drop_Swatches' image above? Then just give us controls like no white outline and let them behave like a regular swatch does?
And since someone on the Ai team will read this, when will you fix the snapping bug in Ai? It's been over ten years and I showed your engineers in 2019 when I was in New Delhi and they confirmed it's broken but still no fix on a vector building functionality that should be ironclad dependable and isn't?
-
Hannah Wilson commented
Option 2!
It's about time you responded to this suggestion from 3 YEARS AGO!!! Do better! -
AriW commented
Method 2 please, following Von's original suggestion. That said, it would be a welcome addition to filter the Swatches Panel by selected.
-
Amybest222 commented
2. Selected Swatches to show up as rectangular objects on the canvas (in a separate layer). Users can use eyedropper to pick up colors (ability to pick Fill, Stroke, Appearance in such cases).