Get Started
Back to Templates

Generate UI Design Images with Replicate's Draft UI Designer Model

Created by

Created by: Yaron Been || yaron-nofluff

Yaron Been

Last update

Last update a day ago

Categories

Share

Justingirard Draft Ui Designer Image Generator

Description

An experiment: a fine-tuned FLUX model for UI design generation

Overview

This n8n workflow integrates with the Replicate API to use the justingirard/draft-ui-designer model. This powerful AI model can generate high-quality image content based on your inputs.

Features

  • Easy integration with Replicate API
  • Automated status checking and result retrieval
  • Support for all model parameters
  • Error handling and retry logic
  • Clean output formatting

Parameters

Required Parameters

  • prompt (string): Prompt for generated image. If you include the trigger_word used in the training process you are more likely to activate the trained object, style, or concept in the resulting image.

Optional Parameters

  • mask (string, default: None): Image mask for image inpainting mode. If provided, aspect_ratio, width, and height inputs are ignored.
  • seed (integer, default: None): Random seed. Set for reproducible generation
  • image (string, default: None): Input image for image to image or inpainting mode. If provided, aspect_ratio, width, and height inputs are ignored.
  • model (string, default: dev): Which model to run inference with. The dev model performs best with around 28 inference steps but the schnell model only needs 4 steps.
  • width (integer, default: None): Width of generated image. Only works if aspect_ratio is set to custom. Will be rounded to nearest multiple of 16. Incompatible with fast generation
  • height (integer, default: None): Height of generated image. Only works if aspect_ratio is set to custom. Will be rounded to nearest multiple of 16. Incompatible with fast generation
  • go_fast (boolean, default: False): Run faster predictions with model optimized for speed (currently fp8 quantized); disable to run in original bf16
  • extra_lora (string, default: None): Load LoRA weights. Supports Replicate models in the format <owner>/<username> or <owner>/<username>/<version>, HuggingFace URLs in the format huggingface.co/<owner>/<model-name>, CivitAI URLs in the format civitai.com/models/<id>[/<model-name>], or arbitrary .safetensors URLs from the Internet. For example, 'fofr/flux-pixar-cars'
  • lora_scale (number, default: 1): Determines how strongly the main LoRA should be applied. Sane results between 0 and 1 for base inference. For go_fast we apply a 1.5x multiplier to this value; we've generally seen good performance when scaling the base value by that amount. You may still need to experiment to find the best value for your particular lora.
  • megapixels (string, default: 1): Approximate number of megapixels for generated image

How to Use

  1. Set up your Replicate API key in the workflow
  2. Configure the required parameters for your use case
  3. Run the workflow to generate image content
  4. Access the generated output from the final node

API Reference

Requirements

  • Replicate API key
  • n8n instance
  • Basic understanding of image generation parameters