---
spec_name: "Recraft V4.1 SVG Vector Workflow"
description: "A set of prompts and a step-by-step guide for generating true, editable SVG vectors with Recraft V4.1 and integrating them into a Figma workflow."
version: 1.0
---

# Recraft V4.1 SVG Vector Workflow

This spec provides the assets and instructions to generate production-ready vector icons using Recraft V4.1.

## 1. The Prompt Asset

Copy this prompt and paste it directly into the Recraft interface after selecting the "Vector Illustration" style.

```
# Recraft Prompt for a Cohesive UI Icon Set

Style: Vector Illustration
Palette: --color-primary: #00FF00; --color-secondary: #FFFFFF; --color-background: #111111

A set of 6 minimalist, single-weight line icons for a web application dashboard.
- User profile
- Settings gear
- Analytics chart
- Mail envelope
- Search magnifying glass
- Logout arrow

Ensure all icons share a consistent line weight (2px), corner radius (4px), and visual style. Output as a clean SVG.
```

## 2. The Step-by-Step Workflow

Follow these steps to go from prompt to an editable Figma asset.

1.  **Sign Up & Select Model:**
    - Go to `recraft.ai` and create an account (free tier is sufficient).
    - In the editor, select the "Vector Illustration" style to activate the correct model.

2.  **Generate the Asset:**
    - Paste the prompt from section 1 into the input box.
    - Click "Recraft" to generate the images.

3.  **Download the SVG:**
    - Choose the best generation from the results.
    - Click the download icon and select the "SVG" format.

4.  **Import and Edit in Figma:**
    - Open your Figma project.
    - Drag and drop the downloaded `.svg` file directly onto the canvas.
    - Ungroup the imported object if necessary (Cmd+Shift+G or Ctrl+Shift+G).
    - You can now select individual paths, change colors using your style library, and adjust vector points as needed.

## 3. Verification

To confirm you have a true vector, you can:
- **Check in Figma:** The layers panel should show vector shapes with paths, not an image layer.
- **Check the Code:** Open the `.svg` file in a text editor (like VS Code or Notepad). The contents should be human-readable XML code, containing `<path d="...">` tags, not a long string of random characters (which would indicate a base64-encoded raster image).