Comfy-Org · lin-bot23 · Jul 16, 2026 · Jul 16, 2026 · Jul 16, 2026 · Jul 16, 2026
diff --git a/tutorials/3d/hunyuan3D-2.mdx b/tutorials/3d/hunyuan3D-2.mdx
@@ -47,9 +47,14 @@ In the Hunyuan3D-2mv workflow, we'll use multi-view images to generate a 3D mode
 
 <UpdateReminder/>
 
-<a className="prose" target='_blank' href="https://cloud.comfy.org/?template=3d_hunyuan3d_multiview_to_model&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28A745', color: '#FFFFFF', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=3d_hunyuan3d_multiview_to_model&utm_source=docs">
+    Run this workflow instantly on Comfy Cloud
+  </Card>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/3d_hunyuan3d_multiview_to_model.json">
+    Download the workflow JSON file
+  </Card>
+</CardGroup>
 
 ### 1. Workflow
 
@@ -71,7 +76,7 @@ In this example, the input images have already been preprocessed to remove exces
 
 Download the model below and save it to the corresponding ComfyUI folder
 
-- hunyuan3d-dit-v2-mv: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2mv/resolve/main/hunyuan3d-dit-v2-mv/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2-mv.safetensors`
+- hunyuan3d-dit-v2-mv: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2mv/blob/main/hunyuan3d-dit-v2-mv/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2-mv.safetensors`
 
 ```
 ComfyUI/
@@ -94,9 +99,14 @@ If you need to add more views, make sure to load other view images in the `Hunyu
 
 In the Hunyuan3D-2mv-turbo workflow, we'll use the Hunyuan3D-2mv-turbo model to generate 3D models. This model is a step distillation version of Hunyuan3D-2mv, allowing for faster 3D model generation. In this version of the workflow, we set `cfg` to 1.0 and add a `flux guidance` node to control the `distilled cfg` generation.
 
-<a className="prose" target='_blank' href="https://cloud.comfy.org/?template=3d_hunyuan3d_multiview_to_model_turbo&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28A745', color: '#FFFFFF', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=3d_hunyuan3d_multiview_to_model_turbo&utm_source=docs">
+    Run this workflow instantly on Comfy Cloud
+  </Card>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/3d_hunyuan3d_multiview_to_model_turbo.json">
+    Download the workflow JSON file
+  </Card>
+</CardGroup>
 
 ### 1. Workflow
 
@@ -115,7 +125,7 @@ Download the images below we will use them as input images.
 
 Download the model below and save it to the corresponding ComfyUI folder
 
-- hunyuan3d-dit-v2-mv-turbo: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2mv/resolve/main/hunyuan3d-dit-v2-mv-turbo/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2-mv-turbo.safetensors`
+- hunyuan3d-dit-v2-mv-turbo: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2mv/blob/main/hunyuan3d-dit-v2-mv-turbo/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2-mv-turbo.safetensors`
 
 ```
 ComfyUI/
@@ -136,9 +146,14 @@ ComfyUI/
 
 In the Hunyuan3D-2 workflow, we'll use the Hunyuan3D-2 model to generate 3D models. This model is not a multi-view model. In this workflow, we use the `Hunyuan3Dv2Conditioning` node instead of the `Hunyuan3Dv2ConditioningMultiView` node.
 
-<a className="prose" target='_blank' href="https://cloud.comfy.org/?template=3d_hunyuan3d_image_to_model&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28A745', color: '#FFFFFF', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=3d_hunyuan3d_image_to_model&utm_source=docs">
+    Run this workflow instantly on Comfy Cloud
+  </Card>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/3d_hunyuan3d_image_to_model.json">
+    Download the workflow JSON file
+  </Card>
+</CardGroup>
 
 ### 1. Workflow
 
@@ -153,7 +168,7 @@ Download the image below we will use it as input image.
 
 Download the model below and save it to the corresponding ComfyUI folder
 
-- hunyuan3d-dit-v2-0: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2/resolve/main/hunyuan3d-dit-v2-0/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2.safetensors`
+- hunyuan3d-dit-v2-0: [model.fp16.safetensors](https://huggingface.co/tencent/Hunyuan3D-2/blob/main/hunyuan3d-dit-v2-0/model.fp16.safetensors?download=true) - after downloading, you can rename it to `hunyuan3d-dit-v2.safetensors`
 
 ```
 ComfyUI/

diff --git a/tutorials/3d/triposplat.mdx b/tutorials/3d/triposplat.mdx
@@ -14,9 +14,14 @@ Unlike traditional 3D reconstruction methods that require multiple views or gene
 
 <UpdateReminder />
 
-<Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/3d_triposplat_image_to_gaussian_splat.json">
+<CardGroup cols={2}>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=3d_triposplat_image_to_gaussian_splat&utm_source=docs">
+    Run this workflow instantly on Comfy Cloud
+  </Card>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/3d_triposplat_image_to_gaussian_splat.json">
     Download JSON or search "TripoSplat" in Template Library
   </Card>
+</CardGroup>
 
 ## How it works
 

diff --git a/tutorials/flux/flux-1-controlnet.mdx b/tutorials/flux/flux-1-controlnet.mdx
@@ -40,9 +40,14 @@ For image preprocessors, you can use the following custom nodes to complete imag
 
 ## FLUX.1-Canny-dev Complete Version Workflow
 
-<a className="prose"  target='_blank'  href="https://cloud.comfy.org/?template=flux_canny_model_example&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28a745', color: '#ffffff', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/flux_canny_model_example.json">
+    Download JSON or search "Flux.1 Canny" in Template Library
+  </Card>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=flux_canny_model_example&utm_source=docs">
+    Open in Comfy Cloud
+  </Card>
+</CardGroup>
 
 ### 1. Workflow and Asset
 
@@ -106,9 +111,14 @@ Or use the following custom nodes to complete image preprocessing:
 
 ## FLUX.1-Depth-dev-lora Workflow
 
-<a className="prose"  target='_blank'  href="https://cloud.comfy.org/?template=flux_depth_lora_example&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28a745', color: '#ffffff', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/flux_depth_lora_example.json">
+    Download JSON or search "Flux.1 Depth LoRA" in Template Library
+  </Card>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=flux_depth_lora_example&utm_source=docs">
+    Open in Comfy Cloud
+  </Card>
+</CardGroup>
 
 The LoRA version workflow builds on the complete version by adding the LoRA model. Compared to the [complete version of the Flux workflow](/tutorials/flux/flux-1-text-to-image), it adds nodes for loading and using the corresponding LoRA model.
 

diff --git a/tutorials/flux/flux-1-fill-dev.mdx b/tutorials/flux/flux-1-fill-dev.mdx
@@ -31,10 +31,10 @@ However, since downloading the corresponding model requires agreeing to the corr
 ![Flux Agreement](/images/tutorial/flux/flux1_fill_dev_agreement.jpg)
 
 Complete model list:
-- [clip_l.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/clip_l.safetensors?download=true)
-- [t5xxl_fp16.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/t5xxl_fp16.safetensors?download=true)
-- [ae.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-schnell/resolve/main/ae.safetensors?download=true)
-- [flux1-fill-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Fill-dev/resolve/main/flux1-fill-dev.safetensors?download=true)
+|- [clip_l.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/blob/main/clip_l.safetensors)
+|- [t5xxl_fp16.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/blob/main/t5xxl_fp16.safetensors)
+|- [ae.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-schnell/blob/main/ae.safetensors)
+|- [flux1-fill-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Fill-dev/blob/main/flux1-fill-dev.safetensors)
 
 File storage location:
 ```
@@ -53,13 +53,14 @@ ComfyUI/
 
 ### 1. Inpainting workflow and asset
 
-<a className="prose"  target='_blank'  href="https://raw.githubusercontent.com/Comfy-Org/example_workflows/main/flux/inpaint/flux_fill_inpaint.png" style={{ display: 'inline-block', backgroundColor: '#0078D6', color: '#ffffff', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold', marginRight: '10px'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Download Workflow Image</p>
-</a>
-
-<a className="prose"  target='_blank'  href="https://cloud.comfy.org/?template=flux_fill_inpaint_example&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28a745', color: '#ffffff', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/flux_fill_inpaint_example.json">
+    Download JSON or search "flux_fill_inpaint" in Template Library
+  </Card>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=flux_fill_inpaint_example&utm_source=docs">
+    Open in Comfy Cloud
+  </Card>
+</CardGroup>
 
 Please download the image below and drag it into ComfyUI to load the corresponding workflow
 ![ComfyUI Flux.1 inpaint](https://raw.githubusercontent.com/Comfy-Org/example_workflows/main/flux/inpaint/flux_fill_inpaint.png)
@@ -88,6 +89,15 @@ If you want to draw your own mask, please [click here](https://raw.githubusercon
 
 ### 1. Outpainting workflow and asset
 
+<CardGroup cols={2}>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/flux_fill_outpaint_example.json">
+    Download JSON or search "flux_fill_outpaint" in Template Library
+  </Card>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=flux_fill_outpaint_example&utm_source=docs">
+    Open in Comfy Cloud
+  </Card>
+</CardGroup>
+
 Please download the image below and drag it into ComfyUI to load the corresponding workflow
 ![ComfyUI Flux.1 outpaint](https://raw.githubusercontent.com/Comfy-Org/example_workflows/main/flux/outpaint/flux_fill_dev_outpaint.png)
 

diff --git a/tutorials/flux/flux-1-kontext-dev.mdx b/tutorials/flux/flux-1-kontext-dev.mdx
@@ -29,9 +29,9 @@ While the previously released API version offers the highest fidelity and speed,
 
 ### Version Information
 
-- **[FLUX.1 Kontext [pro]** - Commercial version, focused on rapid iterative editing
-- **FLUX.1 Kontext [max]** - Experimental version with stronger prompt adherence
-- **FLUX.1 Kontext [dev]** - Open source version (used in this tutorial), 12B parameters, mainly for research
+- **[FLUX.1 Kontext [pro]** : Commercial version, focused on rapid iterative editing
+- **FLUX.1 Kontext [max]** : Experimental version with stronger prompt adherence
+- **FLUX.1 Kontext [dev]** : Open source version (used in this tutorial), 12B parameters, mainly for research
 
 Currently in ComfyUI, you can use all these versions, where [Pro and Max versions](/tutorials/partner-nodes/black-forest-labs/flux-1-kontext) can be called through Partner Nodes, while the Dev open source version please refer to the instructions in this guide.
 
@@ -43,7 +43,7 @@ To run the workflows in this guide successfully, you first need to download the
 
 **Diffusion Model**
 
-- [flux1-dev-kontext_fp8_scaled.safetensors](https://huggingface.co/Comfy-Org/flux1-kontext-dev_ComfyUI/resolve/main/split_files/diffusion_models/flux1-dev-kontext_fp8_scaled.safetensors)
+- [flux1-dev-kontext_fp8_scaled.safetensors](https://huggingface.co/Comfy-Org/flux1-kontext-dev_ComfyUI/blob/main/split_files/diffusion_models/flux1-dev-kontext_fp8_scaled.safetensors)
 
 <Tip>
 If you want to use the original weights, you can visit Black Forest Labs' related repository to obtain and use the original model weights.
@@ -54,7 +54,7 @@ If you want to use the original weights, you can visit Black Forest Labs' relate
 
 **Text Encoder**
 - [clip_l.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/blob/main/clip_l.safetensors)
-- [t5xxl_fp16.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/t5xxl_fp16.safetensors) or [t5xxl_fp8_e4m3fn_scaled.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/t5xxl_fp8_e4m3fn_scaled.safetensors)
+- [t5xxl_fp16.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/blob/main/t5xxl_fp16.safetensors) or [t5xxl_fp8_e4m3fn_scaled.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/blob/main/t5xxl_fp8_e4m3fn_scaled.safetensors)
 
 Model save location
 
@@ -72,9 +72,14 @@ Model save location
 
 ## Flux.1 Kontext Dev Workflow
 
-<a className="prose"  target='_blank'  href="https://cloud.comfy.org/?template=flux_kontext_dev_basic&utm_source=docs" style={{ display: 'inline-block', backgroundColor: '#28a745', color: '#ffffff', padding: '10px 20px', borderRadius: '8px', borderColor: "transparent", textDecoration: 'none', fontWeight: 'bold'}}>
-    <p className="prose" style={{ margin: 0, fontSize: "0.8rem" }}>Run on Comfy Cloud</p>
-</a>
+<CardGroup cols={2}>
+  <Card title="Download Workflow" icon="download" href="https://github.com/Comfy-Org/workflow_templates/blob/main/templates/flux_kontext_dev_basic.json">
+    Download JSON or search "Flux Kontext Dev" in Template Library
+  </Card>
+  <Card title="Run on Comfy Cloud" icon="cloud" href="https://cloud.comfy.org/?template=flux_kontext_dev_basic&utm_source=docs">
+    Open in Comfy Cloud
+  </Card>
+</CardGroup>
 
 This workflow uses the `Load Image(from output)` node to load the image to be edited, making it more convenient for you to access the edited image for multiple rounds of editing.