Usman Bashir

Building svglab.app, a browser SVG editor for people who build software but can't design. I'm one of them. I write about SVG, canvas tricks, and shipping a side project with a day job.

United States Joined on Aug 6, 2026 https://svglab.app/

Usman Bashir

Oct 1

AI can draw your app illustrations as vector shapes, not generate them as photos

#ai #design #svg #ux

2 min read

Want to connect with Usman Bashir?

Create an account to connect with Usman Bashir. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Usman Bashir

Oct 1

Vibe coding got you the app. What gets you the design?

#ai #design #productivity #webdev

2 min read

Usman Bashir

Oct 1

Prototype hover, press and focus animation in SVG before you build the app

#css #svg #webdev #ux

2 min read

Usman Bashir

Oct 1

Connect an MCP server to Claude, ChatGPT, Codex, Cursor and OpenCode (exact steps)

#mcp #ai #tutorial #productivity

3 min read

Usman Bashir

Oct 1

Your AI-built app looks like every other AI-built app. Here is why.

#ai #design #ux #webdev

3 min read

Usman Bashir

Oct 1

Google Stitch vs Claude with a design MCP: same brief, two very different runs

#ai #design #mcp #ui

3 min read

Usman Bashir

Sep 30

Best AI SVG generators in 2026: what you actually get back

#svg #ai #webdev #design

3 min read

Usman Bashir

Sep 28

Making an SVG cat walk: planted feet, bones and a gravity arc

#animation #svg #ai #gamedev

4 min read

Usman Bashir

Sep 26

Which MCP server can design SVG and app UI? Eight compared (2026)

#mcp #ai #svg #design

5 min read

Usman Bashir

Sep 23

Auto-tracing vs AI generation: what is actually inside the SVG

#svg #webdev #ai #design

3 min read

Usman Bashir

Sep 21

An SVG file is just text. Here are the three ways to make one.

#svg #webdev #beginners #tutorial

5 min read

Usman Bashir

Sep 21

Your SVG exporter is quietly flattening your work

#svg #webdev #design #tutorial

3 min read

Usman Bashir

Aug 31

AI can write SVG. Only one route gives you paths you can edit.

#svg #ai #webdev #design

3 min read

Usman Bashir

Aug 28

Can ChatGPT generate SVG? Yes, but it draws blind

#svg #ai #webdev #chatgpt

2 min read

Usman Bashir

Aug 27

How to View an SVG File in the Browser

#svg #webdev #frontend #html

2 min read

Usman Bashir

Aug 27

How to Encode SVG as Base64 (and When You Actually Need To)

#svg #webdev #javascript #css

2 min read

Usman Bashir

Aug 17

SVG to JPG: What Actually Changes During the Conversion

#svg #webdev #images #frontend

3 min read

Usman Bashir

Aug 17

How to Resize an SVG Without Distorting It

#svg #webdev #frontend #html

3 min read

Usman Bashir

Aug 13

Why Your SVG to PDF Export Rasterizes (and How to Stop It)

#svg #pdf #webdev #frontend

4 min read

Usman Bashir

Aug 11

Building an SVG Editor as a Non-Designer

#showdev #svg #sideprojects #webdev

4 min read

Usman Bashir

Aug 7

The SVG Color Cascade Nobody Explains (fill, stroke, currentColor, and why img src breaks it)

#svg #css #webdev #frontend

4 min read

Usman Bashir

Aug 7

The SVG Path Data Format, Explained (M, L, C, Q, A, Z)

#svg #webdev #javascript #css

4 min read

Usman Bashir

Aug 6

How SVG-to-PNG Conversion Actually Works in the Browser

#svg #javascript #webdev #css

5 min read

DEV Community

Usman Bashir

Badges

1 Week Community Wellness Streak

Writing Debut

AI can draw your app illustrations as vector shapes, not generate them as photos

Want to connect with Usman Bashir?

Vibe coding got you the app. What gets you the design?

Prototype hover, press and focus animation in SVG before you build the app

Connect an MCP server to Claude, ChatGPT, Codex, Cursor and OpenCode (exact steps)

Your AI-built app looks like every other AI-built app. Here is why.

Google Stitch vs Claude with a design MCP: same brief, two very different runs

Best AI SVG generators in 2026: what you actually get back

Making an SVG cat walk: planted feet, bones and a gravity arc

Which MCP server can design SVG and app UI? Eight compared (2026)

Auto-tracing vs AI generation: what is actually inside the SVG

An SVG file is just text. Here are the three ways to make one.

Your SVG exporter is quietly flattening your work

AI can write SVG. Only one route gives you paths you can edit.

Can ChatGPT generate SVG? Yes, but it draws blind

How to View an SVG File in the Browser

How to Encode SVG as Base64 (and When You Actually Need To)

SVG to JPG: What Actually Changes During the Conversion

How to Resize an SVG Without Distorting It

Why Your SVG to PDF Export Rasterizes (and How to Stop It)

Building an SVG Editor as a Non-Designer

The SVG Color Cascade Nobody Explains (fill, stroke, currentColor, and why img src breaks it)

The SVG Path Data Format, Explained (M, L, C, Q, A, Z)

How SVG-to-PNG Conversion Actually Works in the Browser