How to become a UI Designer

A UI designer decides what every button, field and screen looks like, then makes sure engineers can build it exactly that way. Hiring managers care far more about your portfolio than your degree. This guide covers the routes in, the words postings use, and how to write about your work so it reads like shipped product and not a school exercise.

Open right now154 jobsU.S. openings HeroApply can apply to today

What the job actually is

You own the visual layer of a product. That means type scales, color, spacing, icons, states for every component, and the layout of each screen at each breakpoint. Most of your day lives in Figma, and a good chunk of it is spent inside a design system: adding a variant to a button, fixing a table that breaks on small screens, or arguing that a new card pattern shouldn't exist at all.

The part people underestimate is the handoff. A beautiful mockup that engineers can't match is a failed mockup. You'll write specs, answer questions in Slack, review builds in staging, and file tickets in Jira when the padding is off. Some designers love that detail work. Others find it the most draining part of the job, and it's worth knowing which one you are before you commit.

Four ways people get hired

1

Move over from graphic or web design

This is the most common route. If you already make marketing sites, social assets or brand work, you have the eye for type and color. What you're missing is interaction: states, flows, responsive layouts and components. Rebuild a real app screen you use every day, redesign its settings page, and document every state from empty to error. A few of those studies beat a stack of posters.

Most common
2

Come up through front-end development

Developers who care about how things look often make strong UI designers because they know what's cheap to build and what isn't. Learn Figma properly, including auto layout, variables and component properties. Then put case studies in your portfolio that show the design decision first and the code second. Hiring managers will love that you can open a pull request and fix a hover state yourself.

Strong for product teams
3

A bootcamp or a design degree

A bootcamp gives you structure and a portfolio deadline, which is what many career changers need. A degree in graphic design or interaction design gives you more time on fundamentals like grids and typography. Neither one gets you hired on its own. The projects you make during it do, so pick a program that makes you ship work with real constraints and real feedback.

Structured
4

Start as a production or junior visual designer

Agencies and larger in-house teams hire people to produce screens, export assets, and keep files tidy for senior designers. It isn't glamorous. You'll still learn how a design system holds together and how reviews actually run, and you'll have shipped work to point to when you apply for a full UI role.

The portfolio that gets a reply

Keep it short. A few strong case studies will do more than a pile of thin ones, because a hiring manager usually skims the first one and decides from there. Open each case study with the problem, not a hero image. Show one messy early exploration, the component decisions you made, and the final screens next to the states nobody photographs: loading, empty, error, disabled.

If you worked on a team, say exactly what was yours. "I designed the filter panel and extended the button component" is believable. "We redesigned the app" makes a reviewer wonder what you did. Accessibility is a quiet differentiator here. Mention contrast checks, focus states and touch target sizes, and you'll sound like someone who has shipped before.

Words that show up in UI postings

Applicant tracking systems and busy recruiters both match on exact wording, so use the posting's own terms where they're true for you.

FigmaDesign systemsComponent librariesAuto layoutResponsive designVisual designTypographyInteraction designPrototypingAccessibilityWCAGDesign tokensDeveloper handoffStyle guidesIconographyAdobe IllustratorMaterial DesignHuman Interface Guidelines

Turn a vague résumé line into a shipped one

Before

Designed user interfaces for the company's web and mobile apps using Figma.

After

Rebuilt the checkout screens for web and iOS in Figma, adding 14 components to the design system; cut checkout support tickets by 22% in the first quarter after launch.

Where UI stops and UX starts

Postings blur these two constantly. A pure UI role leans on visual craft and systems work, while a UX role leans on research, flows and information architecture. Plenty of jobs titled "UI/UX Designer" want both from one person, especially at smaller companies.

Read the responsibilities, not the title. If the list talks about user interviews and usability tests, show some research in your portfolio. If it talks about the design system and pixel-level polish, lead with that. My advice is to be clearly strong at one and competent at the other. Being average at both is the hardest profile to hire.

What UI Designer postings ask for

Hiring the most

  • Collabera215
  • Jobsbridge114
  • ArtechInformationSystemLLC7
  • Mindlance27
  • Konrad6

Remote

10% of openings are fully remote.

Posted pay

$98,000 – $119,500

Typical range in the 8 of the newest 60 postings that list pay.

Skills to learnUI Designer skills: what to learn first
Read the roadmap →
Interview prepUI Designer interview questions and how to answer them
Prepare →

Questions people ask

Do I need a degree to become a UI designer?

No. Plenty of UI designers are self-taught or came through bootcamps. Some larger companies still list a degree, but most hiring managers look at your portfolio first and your education a distant second. A strong set of case studies can carry you past that line on the posting.

Do UI designers need to know how to code?

You don't need to write production code. Knowing enough HTML and CSS to understand how a layout will actually behave helps a lot, though. You'll design things that are easier to build, and engineers will trust your specs more. It also makes the move toward design engineering possible later.

What software should I learn first?

Figma. It's where most product teams design, run components and hand off to engineers, and postings ask for it by name. Once you're comfortable there, pick up a little Adobe Illustrator for icons and a prototyping habit inside Figma itself before you reach for anything else.

Ready to apply?

Tell HeroApply you want UI Designer roles. It finds the openings and applies for you each day.

Start your trial

Open today

UI DesignerAEG Worldwide, Los Angeles, CA
UI DesignerAperture Labs, New York
UI DesignersJobsForHumanity, Pontiac, Michigan, United States