Open Adobe Firefly, and then select Graph from the left panel.
Learn how to add and connect nodes, control how a graph runs, and share it with collaborators for review and finalization.
A graph is a visual representation of a workflow made up of connected nodes. Each node performs a specific action, such as providing input, generating an image, modifying content, creating a video, or displaying the final result.
A graph consists of three types of nodes:
- Input nodes: Provide assets, such as images or text prompts.
- Intermediate nodes: Perform actions within the workflow.
- Output nodes: Receive the resulting assets and provide download options.
Create a new graph
Select any of the following to get started:
- Create new graph: Start with a blank canvas, and then add and configure nodes, inputs, and outputs.
- Templates: Use a prebuilt graph that you can copy and customize for your workflow.
- Recent graphs: Select an existing graph to open, edit, and continue working on your workflow.
- AI Assistant: Open the canvas, and then select AI Assistant to create a graph. Start with simple prompts to create and customize the graph, and refine it as you chat.
When you open Firefly Graph for the first time, a guided tutorial appears to help you get started. You can revisit the tutorial anytime by selecting the Graph tutorial icon.
If you are creating a new graph, start adding an input node.
Add input nodes
Nodes represent an individual action in a workflow. Nodes can represent generative AI models, creative operations, inputs, outputs, or workflow logic. Connect nodes to combine individual actions into a larger creative process.
Input nodes provide the source data for a graph. You can add input nodes for images, videos, text, and other supported data types.
Select the Add node icon in the toolbar, or press Command + Return (macOS) or Ctrl + Enter (Windows) to add an input node to your canvas. You can also double-click an empty area of the canvas to add a node. The node catalog opens.
Select an input node such as Input Image or Input Text.
Add or upload the source image, video, text, or other required data to the node. You can create multiple input nodes using the Add node icon.
- To zoom into your canvas, scroll the mouse wheel or pinch on your touchpad.
- To learn how to work with each node in the node catalog, right-click any node and select View node details.
Connect nodes to an intermediate node
In Firefly Graph, intermediate nodes perform additional operations between the input and output nodes. They help you process, modify, or transform content as it moves through the workflow.
For example, you can use intermediate nodes to remove backgrounds, apply effects, adjust colors, generate images, or combine outputs from different AI models.
Drag the output port of an input node to an empty area on the canvas.
Ports are connection points on the edges of nodes. An output port passes data from one node to a compatible input port on another node.
A. Output port B. Connector or Cable C. Input port
Select a compatible node you want to add from the node catalog. The output port of the input node is now connected to the corresponding input port of the new node.
For example, you can connect your Input image node and Input text to a Firefly Image Model 4 node.
You can connect only ports that use compatible data types. Port colors help identify the type of data being passed between nodes.
Adjust the input controls, such as the prompt, seed, aspect ratio, or reference image.
Connect the output port of the existing node to the corresponding input port of the new node to create and connect multiple intermediate nodes.
To disconnect two nodes, right-click the cable connecting them and then select Disconnect . You can also use the context menu to copy, paste, set breakpoints, or swap nodes and modify their settings.
Connect to output node
Drag from the output port of an intermediate node to an empty area of the canvas.
Select a compatible output node from the node catalog, and connect the cable to its corresponding input port. For example, you can connect the Firefly Image Model 4 node to the Output image node.
You can also add and connect more intermediate nodes to extend the workflow.
Run a node
Confirm that all nodes are connected, and then select the Run all option in the upper-right corner of the canvas to run the entire graph from beginning to end. You can also download the asset from the output node.
If you are using generative AI models, select Run from the upper-left corner of each node to view the result.
After changing an input, select Run again to update the result.
Running nodes that use generative AI models may consume generative credits. To check the number of credits used to run the graph, select the Credits icon.
Share a graph
Once the graph is ready for review, select Share in the upper-right corner of the canvas.
Select the access settings from the Who has access section, and then select Copy a link to share it with others.
If you're inviting people directly using email addresses, choose one of the following access levels:
- Viewer: If you are the recipient, you can run the graph and make changes, but you cannot save changes to the original graph. To retain the changes, save a copy, and then edit and run it.
- Editor: If you are the recipient, you can edit and run the shared graph. However, real-time collaboration isn't supported. If you and other collaborators edit the graph simultaneously, you'll be prompted to reload the graph or save your changes as a separate copy.
Turn text into art with Adobe Firefly
Create beautiful images and video clips from text prompts using generative AI.