Every new member gets 7 days of Plus for free! Claim your gift now

FreePersonal

UI & UX Designer Link in Bio Template

The UI & UX Designer link in bio template is a free, ready-to-edit page for UI and UX designers who want to showcase projects and connect their profiles. Swap in your own URLs and share one link to your work, social accounts, and CodePen embed.

  • Embedded content

  • Social profiles

View all templates

Free to start

No coding needed

Edit everything later

UI & UX Designer link in bio template preview on a phone

What is inside this template

Detected automatically from the template itself — every block below is already set up.

1

Blocks

3

Link buttons

4

Social profiles

  • Embedded content

    The CodePen embed gives visitors an on-page way to explore your design example, including its HTML, CSS, and result display.

  • Link buttons

    3 ready-made buttons · Links to Figma and TikTok

Made for your social profiles

This template already links these networks. Here is how your Linksy page works with each one.

Instagram

Instagram gives you one clickable link in your bio. Make it this page and every post, offer and profile is one tap away.

Figma

Your Figma profile is one tap away on your Linksy page.

Code Pen

Your Code Pen profile is one tap away on your Linksy page.

Dribbble

Your Dribbble profile is one tap away on your Linksy page.

About this template

Bring your design links together on one page with space for project destinations, social profiles, and an embedded CodePen. Visitors can find your work and explore a live code example without searching across multiple profiles.

The template includes a profile area, rounded action buttons, and a content display area. Replace the sample URLs with your own to make the page yours.

Made for

  • UI and UX designers sharing a portfolio

  • Design developers who want to feature CodePen work

  • Creators bringing design links and social profiles together

Ways to use it

  • Share project links from your Instagram or TikTok bio

  • Show a CodePen example alongside your design profiles

  • Give clients and collaborators one page to explore your work

Why it works

  • Feature an embedded CodePen example directly on the page

  • Make key project and social links easy to find

  • Start with a free template and replace its URLs

Template spec sheet

Every fact below is read from the template itself.

Category
Personal
Price
Free
Blocks
Embedded content
Social profiles
Instagram, Figma, Code Pen, Dribbble
Font
JetBrains Mono
Last updated
November 6, 2026

Design at a glance

The page has a modern, flat style with a vertical, single-column layout: a profile area at the top, action buttons beneath it, and the CodePen content display lower down. A dark navy background and abstract shapes contrast with white and light gray, with coral and warm accent colors visible in the preview. Rounded buttons and JetBrains Mono typography give the page a crisp, developer-focused feel.

Color palette

#1A202C

#FFFFFF

#F7F7F7

01

How to use the UI & UX Designer template to showcase your portfolio

Replace the sample destinations with links to your portfolio projects and other work. The embedded CodePen display gives visitors a closer look at an example without sending them straight to a separate page.

02

How to customize the UI & UX Designer template with your own links

Update the template URLs so the project buttons and social icons lead to your profiles and work. Keep the CodePen embed for an interactive example, or point it to the project you most want visitors to explore.

03

How to get more clicks from your UI & UX Designer link in bio

Use clear destinations for your main project links, then add the social profiles where people can find more of your work. A single page makes those options easy to scan, while the CodePen embed offers another way to engage with your design.

Go live in three steps

1

Pick this template

Open it in the Linksy builder with one click.

2

Add your links and details

Enter your name, socials and buttons once — the layout stays polished.

3

Share your page

Put your lnksy.co link in your bio and watch what people click.

Linksy

Everything you need after the template

See every Linksy feature

Analytics

See views, clicks and where your visitors come from.

Full customization

Change colors, fonts, buttons and backgrounds any time.

Business blocks

Add bookings, forms, polls and reviews when you need them.

QR code & sharing

Share your page anywhere with a link or QR code.

Frequently asked questions

Can I add the UI & UX Designer template to my Instagram or TikTok bio?

Yes. Share your Linksy page URL in your Instagram or TikTok bio so visitors can reach your project links, social profiles, and CodePen embed from one place.

Can I customize the template's colors and buttons?

The starting design uses a dark background, accent colors, and rounded buttons. The template description confirms that you can swap out URLs; specific color and button editing options are not detailed here.

Is the UI & UX Designer template free?

Yes. This template is available on Linksy's free plan.

What do the CodePen embed and social links do?

The CodePen embed displays an example on the page for visitors to explore. Social links take visitors to your Instagram, Figma, CodePen, and Dribbble profiles.

Is the UI & UX Designer template a good fit for personal pages?

Yes. UI & UX Designer is listed in the personal category and is made for ui and ux designers sharing a portfolio and design developers who want to feature codepen work. You can change every text, link and color after applying it.

You might also like

More personal templates
Plus

Clean portfolio

Clean portfolio is a link in bio template for developers who want to bring their work, skills and social profiles together on one page. Its dark design puts your portfolio and code profiles front and center, with a skills display and easy-to-find contact links.

Feature showcase

Use template

Plus

Sharpening images

Sharpening images is a link in bio template for photo editors, video editors, and other creative service providers. This link in bio template puts your service and gallery links alongside an image comparison so visitors can see your work.

Image gallery

Use template

Free

Sunny day v2

Sunny day v2 is a link in bio template for personal creators who want to share social profiles, content links, and a Spotify track from one page. Its simple layout puts your profile, links, and music together for visitors.

Music player on the page

Use template

Plus

Developer

The Developer link in bio template helps web developers share their work, give visitors a way to estimate project costs, and make contact easy. Add it to your social profiles so people can find your portfolio and other links in one place.

Quick calculator

Contact details

Use template

Plus

Short animations

Short animations is a link in bio template for animators who want to share videos, welcome commissions, and invite fan support.

Pricing cards

Contact form

Use template

Free

Player template

Player template is a link in bio template for FPS players who want to share gaming profiles, socials, and music from one page. It brings together profile links, an image, Spotify, and social icons in a gaming-focused layout.

Music player on the page

Image gallery

Use template

Browse by category

  • Personal18
  • Business12
  • Creator6
  • Portfolio5
  • Band & artist3
  • Fashion & beauty3
  • Gaming & esports2

Your link in bio, ready in minutes

Start with a template, make it yours, and share one link that holds everything.

Free to start

No coding needed

Edit everything later

UI & UX Designer

Free


Top tools

WorkspaceLinksySEO AnalyzerChromoQR Code Generator

ReadyTools

CareersContactTools
Pricing7 days free
SupportSecurityGuidesDocsBlogUpdatesLaraVault

Select Language

Set theme

ReadyTools

© 2026 ReadyTools. All rights reserved.