Skip to main content

Ask the Community

Have a question? The community is here to help!

  • 14,065 Topics
  • 36,756 Replies
10000 Topics
yoshio
yoshioNew Participant
asked in Ask the Community
Exported image size is different from the real image

Hi all. I exported a frame (1920x720) and it outputs a 1928x720 PNG file. Is it possible to export an image the same size as the frame? Do you know why you can't export an image the same size as the frame?

232
yoshio
Ethan_7363
Ethan_7363New Member
asked in Ask the Community
I can't find the API docs for AutoLayout Grid

I can't seem to find the API docs for AutoLayout Grid recently. A few days ago, I could still access properties like: gridChildHorizontalAligngridChildVerticalAligngridColumnCountgridColumnGap... But now, I can't retrieve these properties anymore. Were they removed? Or were they moved to a different interface?

525
leo31
Monika Wagh
Monika WaghNew Member
asked in Ask the Community
Where is Wrap?

553
Monika Wagh
Claudia Bogliacino
Claudia BogliacinoNew Member
asked in Ask the Community
Nueva Funcionalidad de Anotaciones

Amé la nueva funcionalidad, y para comunicar datos como interacciones o contenido. Pero no pueden visualizarlos quienes no sean parte del equipo. Es muy triste! Hay forma de configurar que un visitante no perteneciente al Team vea esas anotaciones?

141
J
Figmate
James Simonson
James SimonsonNew Participant
asked in Ask the Community
Get itemSpacing value from SPACE_BETWEEN aligned items (auto)

I am building a Figma Plugin that exports Figma designs to a game engine. I have noticed that if I have items using SPACE_BETWEEN aka “auto”. The outputted itemSpacing is the user defined value and not what's calculated by Figma. See the below diagram, I want the “???” in pixels. Since Figma renders it I assume it must be stored somewhere.

80
James Simonson
PauSandoval
PauSandovalNew Member
asked in Ask the Community
How should I manage variables and styles across my design system and wireframes?

Usually, I design in low-fidelity, then move to mid-fidelity, and finally to high-fidelity with functional prototypes. During this process, I also create the design system (when it’s a new project). Now that I’m including variables, I’m running into a problem: variables aren’t exported unless I use a plugin, and even then, the process feels very slow. Updating every variable in the design system (whether with plugins or not) makes designing much less efficient. Here’s a real case: In my design system, I define styles for typography and sizes. For sizes, I set up variables for Desktop, Tablet, and Mobile. Later, while working on my mid-fidelity wireframe, I realize my sizes aren’t quite right. In this wireframe, I also have variables for breakpoints. Now, I’m not sure if I should: Modify the typography sizes in the design system (as styles and variables), or Change the variables in the mid-fidelity wireframe where I’m working with breakpoints. So, how do you recommend managing this proc

40
PauSandoval
Takayama Tadayoshi
Takayama TadayoshiNew Member
asked in Ask the Community
Set OpenType features from plugin

Figma supports enabling/disabling some OpenType features from the UI. https://help.figma.com/hc/en-us/articles/4913951097367-Use-OpenType-features From the plugin API I can see which features are being enabled with https://www.figma.com/plugin-docs/api/properties/TextNode-opentypefeatures/ but the property is read-only. How can I programmatically enable/disable some OpenType features? Also, is there a reason why it’s accessible on UI but not Plugin API?

80
Takayama Tadayoshi
Maciejzzz
MaciejzzzNew Member
asked in Ask the Community
Structuring Core vs. Product-Specific Component Libraries in Figma

I’ve built a Base Design System using variables to support 4 products with ~80% shared flows and components. The only major differences are styling (colors, typography, etc.). However, some products are starting to diverge in component structure and visual design, leading me to create unique components. This is polluting the Core Library with product-specific elements. I’d like to separate the Core components from these niche/extended components. What’s the best approach in Figma? Should I organize each product's unique components in separate pages within the Core Library file (e.g., 8–10 pages named by product)? Or should I create separate Figma files for each product’s Extended Library? I still want to use variable modes, will this cause any issues? If I go with separate files, can I publish from the Core Library to Extended Libraries (or vice versa) to maintain consistency and avoid duplication? Will this confuse developers in any way? Any recommendations or best practices for manag

30
Maciejzzz
Nancy_Liu
Nancy_Liu
asked in Ask the Community
Variable color previews aren't showing up when selecting color

When I’m selecting a color variable the previews aren’t showing even though my library is enabled and I’ve already tried restarting Figma and my computer? I’m also not on Figma beta

83325
Tom Reem
Figmate
ayeum
ayeumNew Member
asked in Ask the Community
how to replace master component with a new version

I would like to replace an existing master component with a new version without having to update the existing master component. I copied the new version and replace with the existing master component. The designs that initially used the existing master component didn’t get updated with a new one. When I select the existing master component in the design, I get the following message with the ‘Reset to default’ button. ‘Missing variant’ The selected variant is missing in the component When I click the reset to default button, the component overrides with the new version. But I want this change to be applied automatically without me having to click one component at a time to override it. How can I reflect the change with the new version automatically after replacing the master component?

50
ayeum
Craig Fransen
Craig FransenNew Member
asked in Ask the Community
Can't tie instance swap property to component part

FIgma on Mac version 125.4.9 Following along with: Created some icon components. Created a button component, added an instance swap property. Now to the point that I want to tie the icon in my button to the property. Double click the icon, but no frame or parent component section shows up on the right: So I don’t know how to tie the icon in my button component to the property. Can anybody help out this newbie?

463
Ondrej_Pavlicek
Brian Hackworth
Brian HackworthNew Member
asked in Ask the Community
Setting overlayPositionType from plugin API

I’m building a plugin that adds some reactions to Figma design components. It mostly works, but I’m stuck on getting overlays to work right. I’m looking for documentation or examples for how to set overlayPositionType: “MANUAL” overlayBackgroundInteraction: “CLOSE_ON_CLICK_OUTSIDE” It looks like these are supposed to be set on the Frame that my Action points to. But I can only find readonly versions of these settings in, for example, FrameNode API docs. What’s the trick for setting these programmatically? Here’s the snippet defining the reaction: const reactions = [ ...fromNode.reactions ]; reactions.push({ trigger: { type: "ON_CLICK" }, actions: [{ type: "NODE", destinationId: overlay.id, navigation: "OVERLAY", transition: null, }] }); return fromNode.setReactionsAsync(reactions);

60
Brian Hackworth
Muneeb Ahmed
Muneeb AhmedNew Member
asked in Ask the Community
How to Maintain a Unified Background Across Different Dialog Box States?

I’ve been stuck on a prototyping issue and wondering if I could get some help. I have a “Share” dialog box with multiple tabs, and I want to keep a consistent background frame while switching between tabs and showing dropdowns. Right now, each dialog state is a separate instance outside the frame, which keeps things organized — but duplicating the background frame across all 16 states is making the file unnecessarily heavy. Is there a smart way to animate or switch between these dialog box states while maintaining a single, unified background frame? Ideally, I’d like to avoid duplicating elements just to preserve consistency. Appreciate any suggestions!

465
Ondrej_Pavlicek
Kim Strigl
Kim StriglNew Member
asked in Ask the Community
If I export a PDF, the printer prints a blank sheet of paper. How to fix this?

Whenever I export a PDF and try to print it from Preview, the sheet of paper comes out completely blank. I can only print Figma PDFs from Adobe Acrobat—when I do, the issue doesn’t occur. But that only solves my problem, not the issue for the rest of our team, who don’t have Acrobat. I notice a similar issue when placing the PDF in InDesign, the page also stays blank there, which makes me feel that something is wrong with the PDF itself. Is this a bug? Is there a workaround that doesn’t involve exporting as JPG/PNG? Additional information: Multiple team members have this issue, but not everybody. The PDF shows the full design in Preview. Printing as a JPG/PNG works fine. The issue also occurs from FigJam.

542
Jason_Briscoe
harsha20599
harsha20599New Participant
asked in Ask the Community
Adding 100vh or 100% height in figma sites

Hello, I am looking to create a good hero section for my site, where it should take the height of browser in the first fold. The subsequent sections can be of fixed heights based on content. I need something like 100vh to have for my hero section.

261
Patrick_Hays
Henrik_Hedegaard
Henrik_Hedegaard
asked in Ask the Community
Typography variables - weight is not displayed as variable in inspect mode

I’ve just applied variables to all our project’s text styles. It all works as expected. However, in inspect mode, font weight it still displayed as normal css value and not with css-variable. See screenshots. Is this a bug or me messing up things?

91826
Gabe Kelley
lucasvieluz
lucasvieluz
asked in Ask the Community
Help to set an image value in variables?

I need set value for assets in my design system, ex: My logo dark mode vs light mode, the brand asset are different for the color scheme. The options available are: Color Number String Boolean I try insert the URL from image value in string, but I dont have success to retrieve value and set for background. Anyone have a idea to resolve this? 🤯 Anynone can help me?

970212
morebutworse
Ivan Smaliany
Ivan SmalianyNew Member
asked in Ask the Community
Component use old version and not updated in other files

Hi! I don't know how to fix it.The scenario is as follows:1) I created components, for example a button.2) I created a bunch of files where I plugged in this library and successfully use it.3) I updated the background color and rounding values (Variables) of the button.4) I saved the changes5) Now I expect that by synchronizing (updating) the files with the library, the changes should be pulled into the layouts, but the changes are not pulled. Moreover, if I copy a component from the library and paste it into a file to which the library is connected, Figma writes that I have a non-updated component in the file and that it needs to be updated. Clicking on update component, the settings are reset to the old ones. I attach a video, I hope someone can help =)

120
Ivan Smaliany
Blue Shelf Studio
Blue Shelf StudioNew Member
asked in Ask the Community
Figma reformatting my fonts in preview mode

I’m building a site and when I go into preview mode or publish the site, Figma changes/reformats my fonts.. is this a bug or am I missing something ?

00
Blue Shelf Studio
sherise.psaila
sherise.psailaNew Member
asked in Ask the Community
Hovering function flicking

Hi everyone! I'm fairly new to Figma, but I'm starting to get the hang of it. However, I’ve run into an issue with the hover interaction. I've used it throughout my project without any problems, but now, any new components I create with a hover state are flickering when hovered over. It's confusing because the same interaction has worked fine until now. Has anyone experienced this or know how to fix it? I'd really appreciate any help!

381
Celine_
Figmate
Blue Shelf Studio
Blue Shelf StudioNew Member
asked in Ask the Community
Cancel Figma

If I cancel my figma pro subscription, are all my websites that I created and published with it going to be deleted and unpublished?

50
Blue Shelf Studio
Andrea Munteanu
Andrea MunteanuNew Member
asked in Ask the Community
The reviewer isn’t able to see the previous and latest changes made to a specific frame

Hi, When I request a review from a reviewer, they should be able to see the "before and after" versions of the wireframes I've edited. However, when they open the file, they only see the current version of the frame - there’s no comparison view available. Could you please help with this? Thanks! When I review that same frame from my edit seat, I can see changes fine.

60
Andrea Munteanu
SergioI
SergioINew Member
asked in Ask the Community
I can't see the "detach instance" or "detach component"

I can't see the "detach instance" or "detach component" options anymore. I copied the component to a new document and nothing happened. Copied the component inside the same document and still can't see this options. I’m admin and editor of this file. Only options are “publish” or “add variant” Anyone knows why is that?

263
Nellya
Oleksandra_Nevska1
Oleksandra_Nevska1New Member
asked in Ask the Community
Colors extraction for a palette in Figma

How do I generate a color palette or color swatches, selecting a needed frame with applied raw colors?

100
Oleksandra_Nevska1
Klim
KlimNew Member
asked in Ask the Community
Strange frame's behavior

Someone can explain this behavior of the frame? Why we see the whole rectangle?

322
Klim

Solved topics

Trending tags

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings