Comfy-Org / Comfy-Org/ComfyUI_frontend

[Feat] True Mask Opacity Slider

Open
#15,399 0 comments 0 reactions 0 assignees View on GitHub
area:mask-editor enhancement
Dominant language
TypeScript
Stars
2k
Forks
699
Avg merge
1d 7h
Merged PRs (30d)
490

Description

### What problem are you experiencing?

To draw a mask with partial opacity, you must use the brush's opacity setting and manually draw the opacity using the brush and eraser. The overall opacity can't be fine-tuned.

This is especially useful in image-to-image workflows, where some features of the rough input image should be partially preserved. A solid mask preserves all the roughness, but no mask destroys the feature. A partial mask is the solution.

### When does this problem occur?

When using the mask editor.

### How often do you encounter this problem?

Multiple times per day

### How much does this problem affect your workflow?

Significantly slows down my work

### Current workarounds

Painstakingly trial-and-error 5-7 generations to get the correct opacity.

### Ideas for solutions (Optional)

A slider that affects the mask opacity by multiplying it by a number from 0-1.

### Additional context

The current "Mask Opacity" slider does not affect the final mask, it only acts on the preview. True opacity can only be achieved with the brush as of right now.

Contributor guide

Open the contributing guide

Research direction

Start in the mask editor and trace how the existing “Mask Opacity” slider updates the preview versus the final mask. Add the requested 0–1 multiplier to the final mask behavior, then verify that partial-opacity masks produce the intended image-to-image blend.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.