Fonts either come with an italic or they don’t. Figma won’t invent one for you, and that’s the part that trips people up when the option isn’t sitting in the dropdown where they expected it.
Italic in Figma is a style baked into the typeface file itself. The type designer drew those letterforms. Figma just lists what’s there.
The control lives in the Typography section of the Design panel, in the same dropdown that holds the weight, not in a separate formatting menu. It works on a whole text layer or on a few highlighted characters.
Inter, Figma’s default typeface, ships nine weights from Thin to Black, each with a matching italic. That’s eighteen styles total, per its official GitHub repository (2024).
What Is Italic Text in Figma
Two things get called italic and only one of them really is.
A true italic gets drawn separately by the type designer, with its own proportions and often completely different letterforms. The other kind, oblique, is the regular letters tilted sideways. Nothing redrawn, just leaned over.
Figma only gives you the first kind, pulled from the font’s own style set.
Finding it is straightforward enough. Design panel on the right, scroll down to Typography, then the style dropdown sitting next to the weight label.
Font size, line height and letter spacing all live in that same block.
Bold and italic share the style dropdown. Underline and strikethrough don’t, they sit in a separate decoration menu, which the guide on underlining text in Figma gets into.
Have you seen the latest Figma statistics?
Discover comprehensive Figma statistics including revenue growth, market share, user demographics, and funding data.
Check them out →How to Turn On Italic in Figma
Nothing complicated here, assuming the font cooperates.
If selecting and editing text layers is still new territory, the walkthrough on editing text in Figma covers that first.
- Select the text layer, or highlight the specific characters you want changed.
- Open the font style dropdown in the Typography section of the right sidebar.
- Pick Italic from whatever styles that family ships.
The label above the dropdown flips from Regular to Italic once it takes. That’s the fastest confirmation you’ll get.
What Is the Keyboard Shortcut for Italicizing Text in Figma
Cmd+I on macOS. Ctrl+I on Windows or Linux.
| Platform | Shortcut |
|---|---|
| macOS | Cmd+I |
| Windows / Linux | Ctrl+I |
It grabs the nearest matching italic style for whatever font is active. It won’t fake one for a font that doesn’t have it.
Highlight a word or phrase first and only that range changes. The rest of the layer stays as it was.
The other character-level shortcuts behave the same way. The one behind superscript text in Figma also touches only what’s actually highlighted.
Press it and nothing happens? The active font almost certainly has no italic entry to switch to. Worth keeping the full list of Figma keyboard shortcuts open in a second tab while this one sinks in.
Which Fonts Support Italic in Figma
This is a font file question, not a Figma question.
| Font | Ships italic | Note |
|---|---|---|
| Inter | Yes, all weights | Figma’s default text font |
| Roboto | Yes, most weights | A few weight pairings skip it |
| Helvetica Neue | Yes | An oblique (mechanically slanted), not a true redrawn italic |
| Times New Roman | Yes | Distinct serif italic design |
The Google Fonts registry holds 1,885 font families as of 2025, and only one of them, Molle, ships as an italic-only design with no roman counterpart at all (Grida, 2025).
Everything else in there does it the normal way. A roman style, plus a separately drawn italic file for each weight the family offers.
Fonts synced in through Adobe’s library behave identically once they land in a file. Getting them there is covered in adding Adobe fonts to Figma, and whether italic shows up still comes down to the font.
Why the Italic Option Disappears for Some Fonts
The style dropdown is a mirror. It shows what that family ships and nothing more.
- The family is one Regular weight and that’s the whole thing
- You switched font families mid-edit, and the italic set on the previous one didn’t survive the swap
ChromeOS and Linux add their own wrinkle. Figma restricts both to the Google Fonts library, so the pool of available italics shrinks before you even start.
A missing entry usually isn’t a bug. The type designer just never drew one.
Installing the right font sorts it out most of the time, and adding fonts to Figma has the steps.
How Italic Works With Variable Fonts in Figma
Variable fonts handle this on a continuous axis rather than a fixed style entry, which is either elegant or annoying depending on whether Figma exposes the axis you actually need.
The OpenType 1.9 specification defines two that matter. The ital axis runs from 0, read as upright, to 1, read as fully italic. The slnt axis covers a far wider range, from just above -90 to just below 90 degrees of counterclockwise slant. A font can carry either one, or both, though most typefaces pick a side.
Plenty of variable fonts ship neither. Font-specific again, same as with static styles.
Figma’s own community forum reported in February 2024 that the variable font panel shows a slider for the slant axis but not for the italic axis, even when a font includes one.
So a font built around ital instead of slnt may give you no usable italic control inside Figma at all. That’s a real limitation, not something you can design your way around.
Real Italic Versus Faux Slanted Text in Figma
There’s no skew or shear tool for objects in Figma. No native way to fake an italic on a font that doesn’t have one.
Which leaves the choice down to what the font actually gives you.
True Italic
The type designer drew it, not the software. Stroke weight stays correct at every size, letterforms often differ outright (the lowercase “a” being the usual example), and nobody reads it as a rendering error.
The catch is availability. Not every font has one, and not every weight inside a font that does.
Faux Slanted Text
Rotating or scaling a text layer to fake a tilt wrecks the stroke weight.
Thin strokes thin out further on one side and thicken on the other, and the proportions stop matching the rest of the typeface.
It survives in a couple of narrow places. Short decorative labels where nobody’s looking that closely. Logotypes built as custom vector shapes instead of live text.
For body copy, or anything someone reads properly, find a font with a real italic style. It’ll look better every time.
How Italic Transfers Between Components and Instances
Set italic on a main component’s text layer and every instance of it picks that up by default.
Any instance can then override the inherited style locally, and the component itself stays untouched.
| Location | Effect of changing italic |
|---|---|
| Main component | Updates every instance that hasn’t been overridden |
| Single instance | Creates a local override, main component stays untouched |
Reset an instance, through the right-click menu or the reset icon in the right sidebar, and the local italic override snaps back to whatever the main component has set.
Working with components in Figma means getting comfortable with that inherit-then-override pattern, since font style follows it the same way color or size does.
There’s a documented bug here worth knowing about.
Figma’s own community forum reported in August 2024 that editing text through an instance’s property panel can reset a bold or underline override back to the main component’s setting, while editing the same text directly on the canvas preserves it.
Figma’s engineering team confirmed the bug and escalated it internally. The thread’s later updates run through October 2024 with no fix shipped.
Italic overrides run on that same font-style mechanism, so the same reset risk applies any time text gets edited through the panel rather than on the canvas.
Nested components make it messier still, since a component sitting inside another can carry its own italic setting independent of the outer one. Worth checking against component best practices before a design system leans on it heavily.
When Italic Does Not Work in Figma
Italic fails in a handful of ways, and most of them are recoverable.
Font Has No Italic Variant
Covered above, but it’s the one that comes up most. If the style list never had an italic entry, no shortcut or menu path conjures one into existence.
What sets this apart from the rest is that it doesn’t resolve. Switch to a font that ships italic and it works immediately. Stay on the same font and the option never turns up, whatever you try.
Nothing to do with syncing, caching or bugs.
Font File Is Missing
Say a collaborator applies Inter Italic on their machine. A teammate who only has Inter Regular installed opens the same file, and the warning fires.
Figma fonts are collections of separate files, one OTF or TTF per style, according to Figma’s own font documentation.
- The missing font warning points at that one specific style, not the entire family
- Installing just the missing style usually clears it, so there’s no need to reinstall everything
A Text Style Is Overriding the Change
Figma rolled out a change in June 2024 letting bold, italic, and underline apply as genuine local overrides directly on top of a linked text style.
Before that update, getting italic text that also carried a shared style meant maintaining a separate italic-flavored style variant, since the shortcut alone didn’t reliably combine with an existing style link.
- Confirm the file has synced past mid-2024 and isn’t sitting on an old library version
- Look for the small override dot next to the style name in the sidebar, which is what tells you italic is a genuine local override rather than something the linked style controls
If none of that applies, the override most likely got wiped by that instance panel reset behavior above.
How to Fix Italic That Won’t Apply or Won’t Turn Off
Keyboard layout mismatches and stale caches account for most of what goes wrong here.
Shortcut Not Responding
Figma’s Community Support team points to a keyboard layout mismatch as the first thing to rule out. Compare the layout set inside Figma against your system’s actual keyboard layout before anything else.
- Reselect the exact text layer rather than a parent frame or group, since the style dropdown only appears with a text layer targeted directly
- Try the font style dropdown by hand before deciding the shortcut itself is broken
A mismatched layout comes up often enough on Figma’s own forum that support staff walk through it as a standard first step.
Style Stuck After Undo Fails
When Cmd+Z or Ctrl+Z stops reverting an italic change, clearing the app cache is the documented fix.
| System | Action |
|---|---|
| Mac desktop app | Quit Figma, then delete the folder at ~/Library/Application Support/Figma |
| Windows desktop app | Close Figma, then clear the Figma folder under %APPDATA% |
Restarting the app after clearing that folder resolves most stuck-style cases, based on steps Figma’s own support team has posted on its community forum.
If formatting is stuck across a batch of layers rather than one stubborn text box, Figma’s Select all with same font command followed by Recompute Text Layout in Selection resets formatting on every matching layer in one pass.
Undo behaving normally again is your confirmation. Anyone still hazy on how undo works in Figma can check the shortcut and history limits there.
How Italic Text Appears in Figma’s Dev Mode Code Export
What Dev Mode hands over depends on whether the font is static or variable.
Shift+D toggles Dev Mode on, once it’s available on the file. A static italic style comes out as the plain CSS font-style: italic declaration. A variable font’s italic axis is supposed to come through font-variation-settings, the low-level CSS property built for exactly this.
That property has been missing from the Inspect panel’s code output since Dev Mode’s interface changed, first reported on Figma’s forum in July 2023. A follow-up report filed in January 2026 shows the same gap, that time for a width axis value, and no confirmed fix in between.
Static Font Export
A discrete Italic style behaves like any other CSS font-style value once it reaches the Code section of the Inspect panel.
font-style: italic is the whole declaration. Same line a developer would write by hand.
Nothing Figma-specific happens at this stage, which is part of why it rarely shows up in bug reports.
Variable Font Axis Export
The axes are where it falls over in practice.
What should happen is that the ital or slnt axis value appears as a font-variation-settings declaration. What multiple threads on Figma’s own community forum describe instead is that declaration simply not showing up in the Code panel for some variable fonts.
Dev Mode sits behind a paid seat regardless. A Professional, Organization, or Enterprise plan with a Full Design seat unlocks it, and the free Starter plan doesn’t expose the toggle at all, a distinction covered in more depth in the breakdown of Figma’s free versus professional plans.
If the feature is new to you, the guide to Figma’s Dev Mode covers the rest of the panel beyond typography.
How to Set Italic Text Through the Figma Plugin API
Figma plugins run on JavaScript, and text formatting goes through the TextNode object instead of a menu click.
A plain-language rundown of what an API actually does is a decent orientation first, if the concept is unfamiliar.
Reading Available Styles
Every font family exposes its own list of style names. Italic is just one string among them.
figma.listAvailableFontsAsync() returns every font and style combination the plugin can reach. The style string comes back exactly as the font file defines it, so Italic or Bold Italic, spelled however the designer spelled it.
Figma’s own TextNode documentation flags a special case. When a text layer contains more than one style within its own characters, properties like fontName return the value figma.mixed instead of a single style name.
A plugin has to check for that value before assuming one style applies to the whole layer.
Assigning the Style Property
Setting italic means writing directly to the node’s fontName object. There is no italic boolean anywhere in the API.
| Step | Code |
|---|---|
| Load the font first | await figma.loadFontAsync({ family: "Inter", style: "Italic" }) |
| Apply the style | node.fontName = { family: "Inter", style: "Italic" } |
Skip the load step and it throws an exception rather than silently failing, according to Figma’s own plugin documentation.
Ask for a style the font doesn’t ship and you get the same treatment. An error, not a quiet fallback to Regular.
Anyone building on top of this usually pairs it with broader design-to-code work, and a primer on JavaScript itself helps if the plugin environment is someone’s first real go at the language.
FAQ on How To Italicize In Figma
Does the italic shortcut work the same way in Figma’s browser app as in the desktop app?
Identical either way, Cmd+I or Ctrl+I. Font access is the part that changes, and both the browser and desktop app rely on Figma’s Font Helper for locally installed fonts, so a missing italic variant in one usually means it’s missing in both.
Can bold and italic be applied to the same run of text at once in Figma?
Yes, if the font ships a Bold Italic style. Selecting both pulls that combined style straight from the font file. Without a Bold Italic variant, Figma falls back to whichever single style is closest, usually plain Bold.
Does Figma support a genuine bold italic cut, or only italic layered on top of bold?
Yes, when the font ships a true Bold Italic file. Figma pulls that specific combined design rather than layering a mechanical bold onto italic. No matching style means selecting both drops you to whatever single style the font provides.
Does switching a layer to italic change how Auto Layout measures the frame?
It can. Italic letterforms sometimes carry different side bearings than the upright style, which shifts the text’s measured width. Inside an Auto Layout frame set to hug contents, that shift can nudge padding and sibling spacing on its own.
Can a saved text style store the italic setting so every linked layer updates together?
Yes. Font style is one of the properties a saved text style carries, Italic included, and every linked layer updates automatically when that style changes. Separate mechanism from the override behavior used to add italic on top of a different style.
Is italic applied the same way in FigJam as in a design file?
No. FigJam has no font style dropdown. Wrapping text in single asterisks through Markdown produces the italics instead. Typeface choice is limited to four named options there, Simple, Bookish, Technical, and Scribbled, rather than the full font library you get in a Design file.
Where Does Italic Text in Figma Break Down?
Almost always at the font level, before any shortcut, override or export step comes into it. A typeface with no italic style in its file makes every later step irrelevant.
Check in order. The typeface first, since that’s the one that ends the conversation. Then whether the font file is actually installed on the machine. A text style override comes last, because it’s the rarest of the three and the easiest to spot once you know about the dot in the sidebar.
Swapping the typeface fixes the first-level problem, but it carries a design cost. The replacement rarely matches the original family’s letterforms, weight range, or brand pairing.
Once that check clears, the same style-dependent logic follows you into curving text in Figma, a different visual effect built on the same font-file dependency.
