Create an Editable Process Graphic With Arrow 2

• Create a folder named Arrow Practice on your computer.
• Install Inkscape using your operating system’s installer, then open it.
• Sign in to the QuiverAI App and open Create.
• Check Billing for available usage and confirm your plan includes SVG export; leave automatic top-up off.
• Select Arrow 2 in the model control and confirm its name before generating.

Quiver’s app guide covers creating, saving, exporting, and billing. The current app calls its saved-work area Library. Its canvas editor remains in preview, so this workflow uses Inkscape for the final changes.

• Arrow 2 or SVG export is missing: Check your selected account and plan before generating. A PNG download will not supply the editable shapes used later.

• Paste the artwork prompt below into Create.
• Submit one generation and wait for the completed drawing.
• Check for a folder, review board, and laptop, in that order.
• Confirm the scenes stay separate and the title and heading areas remain empty.

Artwork prompt:

Create one static, editable SVG for Fieldwork, a fictional design studio. It will explain the studio's client process in a proposal and website draft.

Set width to 1600px, height to 900px, and viewBox to 0 0 1600 900. Use a solid white background.

Arrange three scenes from left to right at similar visual sizes:
- Left: an open violet folder holding two cream sheets and three small color swatches. This represents collecting the client's brief.
- Middle: a review board holding one cream design sheet with a coral geometric composition. Add one plain coral circular badge at its lower right. This represents reviewing a draft.
- Right: a navy laptop with a violet base, one coral rectangular screen panel, and a small mint download badge. This represents delivering finished files.

Use rounded geometric editorial illustration, a consistent slight three-quarter viewpoint, flat fills, and 6-unit navy outlines with round joins. Use only navy #17233B, violet #5B4BFF, coral #FF7A66, mint #42C4AE, cream #FFF4DE, pale violet #EAE7FF, and white #FFFFFF. Use simple filled shapes for depth, with no gradients, filters, or textures.

Keep scene artwork between y=200 and y=620. Center the scenes near x=300, x=800, and x=1300. Keep each inside a 440-unit-wide column, leaving at least 60 units between scenes. Leave y=0 to y=140 empty for the title and y=700 to y=850 empty for headings.

Group each scene separately, naming the groups brief, review, and delivery where possible. Keep component shapes editable. Include no words, numbers, logos, people, connectors, animation, embedded raster images, scripts, or external assets.

Return one SVG creation. Do not create a public share link.

Quiver’s prompt guide recommends stating the intended use, size, style, and constraints. Here, the blank bands leave room for text you will control directly.

• Scenes overlap or fill the blank areas: Send the layout repair below to the current creation. Inspect the full result again.

Layout repair:

Repair the current Fieldwork SVG. Keep a 1600 x 900 canvas with viewBox 0 0 1600 900 and a white background.

Keep exactly three scenes: brief folder on the left, review board in the middle, and delivery laptop on the right. Fit them inside separate 440-unit-wide columns centered at x=300, x=800, and x=1300. Keep all scene artwork between y=200 and y=620, with at least 60 units between scenes.

Keep y=0 to y=140 and y=700 to y=850 empty. Preserve the existing palette, rounded geometry, viewpoint, and 6-unit navy outlines. Remove unwanted writing or extra decoration. Keep editable vector shapes, with no embedded images, scripts, or external assets.

Change only what is needed to meet these rules. Return the revised SVG without sharing it publicly.

• Open the completed creation from Library or the current conversation.
• Send the focused revision below with that creation selected.
• Compare the original and revised folder, laptop, spacing, and colors.
• Keep the revision when two bubbles replace the badge without hiding the design sheet.

Focused revision:

Edit the current Fieldwork three-scene SVG.

In the middle scene, replace only the plain coral circular badge with two small, overlapping speech bubbles: one coral and one mint. Give them the existing 6-unit navy outline. Keep them at the board's lower-right corner, clear of the main design sheet.

Preserve the brief folder, review board, design sheet, delivery laptop, palette, viewpoint, scene sizes, positions, white background, and empty text bands. Keep width 1600px, height 900px, and viewBox 0 0 1600 900.

Keep all shapes editable and static. Add no words, extra objects, raster images, scripts, or external assets. Leave the original creation available for comparison. Return the revision without a public share link.

The bubbles give the review stage a clear discussion cue. Quiver documents focused follow-up edits, but the result still needs comparison with the original.

• Other scenes change: Reopen the original creation in Library and apply the focused revision to that version. Keep the original until the change passes review.
• The bubbles cover the sheet: Use the repair below and inspect their position again.

Bubble repair:

Edit only the two speech bubbles in the middle scene of the current Fieldwork SVG. Make them small enough to fit at the review board's lower-right corner without covering the design sheet. Keep one coral bubble and one mint bubble, with the existing navy outlines.

Preserve every other object, color, position, blank text area, and the 1600 x 900 page. Return one static, editable SVG without creating a public share link.

• Use Download SVG on the completed creation to save fieldwork-artwork.svg in Arrow Practice.
• In Inkscape, choose File → Open and open that SVG.
• Open File → Document Properties; check the page measures 1600 × 900 px.
• Use Select to enter a scene group if there is one; select a single shape, move it slightly, then choose Edit → Undo.
• Choose File → Save As, select Inkscape SVG, and save fieldwork-process-master.svg.

Double-click a group to select its parts. Some files have nested groups; others contain separate paths already. Check what is selected instead of assuming the requested group names were kept. Keep the original export unchanged.

• The whole drawing moves: Enter its outer group, then the scene group. Select a single component and repeat the move-and-undo check.
• The file contains only an image or has the wrong page size: Confirm you downloaded SVG. Send the repair below, export again, and reopen the new file.

Vector and page repair:

Rebuild the current Fieldwork artwork as native SVG paths and shapes on a 1600 x 900 pixel page, with viewBox 0 0 1600 900.

Keep the brief folder on the left, the review board with two speech bubbles in the middle, and the laptop on the right. Preserve their visible appearance, palette, positions, blank text bands, and white background. Put each scene in a separate group and keep its component shapes editable.

Include no image elements, embedded bitmap data, external assets, scripts, animation, or text. Return the SVG creation for download without a public share link.

• Double-click outside the groups, then choose the Text tool.
• Click once in the top blank area and paste the title below.
• Create three separate text objects beneath the scenes using the stage headings below.
• Choose one installed sans-serif font and Bold in the Text toolbar; use the same font for all four text objects.
• Set the title to 56 px and headings to 32 px using the Text toolbar; check every word.

Title:

From brief to final files

Left heading:

01  Share your brief

Middle heading:

02  Review the draft

Right heading:

03  Receive your files

Inkscape’s text controls use fonts installed on your computer. Use the same font throughout and keep the size unit on pixels. Leave the headings as text objects.

• A label wraps inside a narrow box: Create it by clicking once with the Text tool instead of dragging a text frame. Recheck its size.

• Choose Select; hold Shift and click the four text objects, excluding the artwork.
• Open Object → Fill and Stroke → Fill; choose flat color and enter the RGBA value below.
• Drag the title above the artwork and each heading beneath its matching scene, keeping wide margins.
• Select only the three headings; open Object → Align and Distribute, set Relative to: Selection Area, then choose Align text baselines.
• Check that the headings share one baseline and remain clear of the illustrations; save the master.

Text fill, entered in the RGBA field:

17233BFF

The final two characters set opacity; FF keeps the color fully opaque. Inkscape documents custom RGBA colors and selection alignment. Use text-baseline alignment so letters that hang below the line, such as y, do not shift a heading. Hover over alignment icons to read their labels.

• An illustration changes color: Undo, then select only the four text objects before reapplying the fill.
• The headings move to the page edge: Undo and set the alignment reference to Selection Area before aligning their text baselines.

• Use Text to replace the middle heading with the wording below.
• Enter the right scene’s group and select only the coral laptop screen panel.
• Open Object → Fill and Stroke → Fill and enter the amber RGBA value below.
• Check that the other coral details, outlines, and two unchanged headings remain intact.
• Save, close, and reopen fieldwork-process-master.svg to confirm both changes persist.

Revised middle heading:

02  Review together

Laptop screen fill:

FFB547FF

These are typical small client requests. Changing a selected object’s fill leaves its outline separate. Stay on the Fill tab for the screen change.

• The whole laptop turns amber: Undo and enter its nested group until you can select the screen panel alone.
• You cannot type into the heading: Select it with Text. If it became paths, restore the text version or replace that heading with a new text object.

• Check the final wording below and save the SVG master.
• Choose File → Export, select Page, and choose PNG.
• Set export width to 3200 px; confirm height becomes 1800 px.
• Export fieldwork-process.png into Arrow Practice, then open the saved PNG.
• Check its dimensions, spelling, white background, and amber screen; reopen the SVG to confirm editability.

Final wording:

From brief to final files
01  Share your brief
02  Review together
03  Receive your files

Final deliverables:

fieldwork-process-master.svg
fieldwork-process.png

The master stays 1600 × 900 with editable labels and shapes. The PNG is 3200 × 1800 pixels. Keep the original Arrow export too. Inkscape’s export settings distinguish a page from a selection; its format guidance recommends retaining an Inkscape SVG master.

Your finished graphic should show a brief folder, a review board with speech bubbles, and a laptop with an amber screen. Keep the chosen font’s name with the handoff. Use the PNG as the visual reference when sharing the editable file.

• Only one object exports: Change the export area from Selection to Page and export again.
• The PNG has the wrong dimensions: Check the page is 1600 × 900, then set export width to 3200 and verify 1800 height.
• The text changes on another computer: Check that the same font is installed there. Preserve the editable master and use the PNG to show the intended result.