Glasses Frame Designer
Design your own glasses frame in your browser. Pick lens shape, bridge style, color, and lens tint — see a live preview, export as PNG, or send it straight into AR try-on. Free, private, no signup.
Glasses frame designer is a free browser tool for sketching custom eyewear shapes — pick a lens silhouette, bridge style, color, stroke weight, and lens tint, then export the result as a transparent PNG or hand it off to live AR try-on. The whole thing runs client-side, so your designs never leave your device. Last updated April 2026.
How to design a frame that flatters your face
Frame shape works best when it contrasts your face shape — round faces look balanced in square or rectangular frames, square faces soften with round or oval lenses, heart-shaped faces lift with cat-eye or aviator drop, and oval faces wear almost anything. Lens height should sit between your eyebrow and the top of your cheek; lens width should not exceed the widest part of your face. Use the lens height and lens width sliders together — change one without the other and frames look cartoonish.
Bridge styles explained
The bridge is the small bar connecting two lenses across your nose. A straight bar is the classic minimal look. A double bar (Aviator style) adds a vintage pilot feel. A keyhole bridge curves up like an inverted teardrop — favored on retro tortoiseshell frames. A curved bridge softens square frames. No bridge mimics rimless eyewear where lenses float independently. Use the bridge gap slider to widen for broader nose bridges or narrow for closer-set eyes.
Color theory for eyewear
Match frame undertone to your skin: cool undertones (pink, red base) pair well with black, silver, navy, or rose gold; warm undertones (yellow, olive base) glow with tortoiseshell, gold, brown, or amber. Lens color should complement frame color — a navy frame with amber lenses reads as classic aviator; a black frame with rose lenses gives editorial. Use the mirror sheen slider to add a metallic top-of-lens highlight, common on premium sunglasses.
Export formats and next steps
Download exports a 1200×480 PNG with your selected background — choose transparent for use in mockups, white for clean documentation, or any color for social posts. Press Try on with AR to jump to the virtual try-on tool and select your custom design from the frame picker. Saved designs persist in browser storage so refreshing won't lose your work.
Privacy note
Every render happens in a hidden SVG element inside your tab. No design data, color values, or images are uploaded anywhere. Downloaded PNGs are generated on a canvas and offered to your browser's save dialog directly.
Frequently Asked Questions
Is this glasses frame designer really free?
Yes. The designer runs entirely in your browser, has no signup, and exports unlimited PNGs at no cost. No watermark either.
Can I save my custom design and use it for AR try-on?
Yes. Click "Try on with AR" — the design is stored locally and loaded as the Custom frame in the virtual try-on tool. You can also re-edit it here anytime; the last design is auto-saved in browser storage.
What lens shapes are supported?
Ten shapes ship by default — round, oval, rectangle, square, cat-eye, hexagon, aviator drop, wayfarer, octagon, and teardrop. Combine with five bridge styles (straight, double bar, curved, keyhole, none) and eight frame colors plus custom hex.
Is the export PNG transparent?
You choose. The background swatches under the preview let you export with transparent, white, dark, cream, cool grey, or pink backgrounds. Transparent is best for layering on mockups; white is best for clean documentation.
Will my design be uploaded to a server?
No. The whole tool is client-side. SVG renders inside your tab, conversion to PNG happens on a hidden canvas in your browser, and downloads go straight to your device.
Can I order glasses based on my design?
Not directly — this tool is for visualization, not manufacturing. Use the exported PNG as a reference when shopping with a frame retailer or share it with a custom eyewear maker.