VexilForge |

Flag Editor

Saved

Add Shapes

Colors

L

Contrast Warning

Poor contrast - fails accessibility standards

Ratio: 2.84:1 (minimum 4.5:1 recommended)

Actions

Snapping

Enable snapping to align objects precisely with grid lines and other elements.

Symmetry Tools

Create symmetrical designs - new shapes are automatically mirrored across the canvas center.

🏳️ Stripe Pattern Generator

33.3%
33.3%
33.3%

💡 Tip: Adjust colors, heights, and orientation, then click "Generate Stripes" to add the pattern to your canvas.

Section Divisions

Divide your flag into equal sections with one click

Canton Design Tool

Add a canton (top-left corner block) like the US flag

Preview:

💡 A canton is a rectangular section in the upper left corner, commonly used in flags like the United States, Liberia, and Malaysia.

Border Frame Tool

Add decorative borders around your flag

Preview:

Scandinavian Cross

Create a Nordic-style cross pattern (like flags of Denmark, Sweden, Norway, Finland, Iceland)

Preview:

💡 The Scandinavian cross (Nordic cross) is a distinctive feature of flags from Nordic countries. The vertical bar is offset towards the hoist (left) side.

Freeform Division Tool

Draw custom division shapes on your flag

Instructions:
• Click on canvas to add points
• Click near first point to close shape
• Press ESC to cancel
💡 Tip: Use polygon mode for precise geometric shapes, free draw for organic curves

💾 Saved Designs (0)

🎨

No saved designs yet

Your auto-saved designs will appear here

Designs are saved automatically every 30 seconds. Maximum 50 designs stored locally in your browser.

Quick Tips:

  • • Click shapes in the left sidebar to add them to your flag
  • • Select a color, then click "Apply to Selected" to change object colors
  • • Use Ctrl+Z to undo, Ctrl+Y to redo
  • • Press Delete to remove selected objects
  • • Export your design as PNG or SVG when you're done!
Need more creative tools? Check out CalcWiser for calculation tools.

📐 Canvas Aspect Ratio

Standard flag ratios. Changing the ratio will resize your canvas and objects will remain positioned.

Transform

Select an object to transform it

Gradient Editor

Position: 0%
Position: 100%

Layers

Layer 1
0 objects

💡 Tip: Use layers to organize your design elements

Tools

Add Shapes

Colors

Actions

Layers

Layer 1
0 objects

💡 Tip: Use layers to organize your design elements