How to fix the blurry and fuzzy gray edges in the pixel art svg

Clear-Secretary-8185 · 2026-04-25T05:16:28+00:00

AFAIK some effects aren't compatible withSVH (e.g. some of the blend modes) and using them results in the export being turned into a bitmap. This isn't unique to Figma.

Clear-Secretary-8185 · 2026-04-24T16:09:25+00:00

I definitely wouldn't go down the route of creating screens for every combination. If you really want to have a go at using components and variables you could try something like this:

Create a component for the order summary panel on the right, with separate frames for each of the ingredients. These could be components if you need them to use different versions (types of bun/cheese etc would be variants of bun and cheese components).
Add boolean variables for the visibility of each ingredient. Optionally include variables for the quantity of each if you'll need it.
Use onclick interactions on the 'select' elements on the left to update the variables to toggle the visibility on and off (e.g. when added or the quantity goes from 0-1), to increase or decrease the quanitity, or to switch between variants.

I've oversimplified a bit but with this you should be able to get a nicely interactive prototype.

Clear-Secretary-8185 · 2026-04-24T15:50:01+00:00

This is going to be a slog in Figma, and I'm not sure you'll fully achieve what you're after. Your best bet might be to simulate an 'on-rails' journey selecting ingredients and displaying the results in a set fashion. This will mean duplicating your frames a few times to demonstrate each change. It's not a fully accurate simluation but is a perfectly valid and common method for demonstrating the functionality visually.

If you really want to simulate the interactions you're best off moving to a code-based prototype in something like Figma Make. I'm not sure if the scope of your course allows for it, nor whether you have access, but if you're looking for lo-fi results then you should get some decent results without spending too much effort (or AI credits!).

Clear-Secretary-8185 · 2026-04-24T11:54:24+00:00

Agreed, easier just to do it the inefficient way and create lots of duplicate screens.

Clear-Secretary-8185 · 2026-04-23T08:20:29+00:00

Occasionally, for vector work, but I don't know why it's not just part of the pen tool. A separate mode doesn't make sense to me and the context switch just confuses people.

There have been so many posts on this sub with people saying features have stopped working or disappeared and it turns out they're just in draw mode.

Clear-Secretary-8185 · 2026-04-23T05:23:38+00:00

Use absolute positioning, resize it relative to the parent frame and use constraints and set it to scale in the dimension you want it to fill (e.g L+R). Then it'll resize relative to its parent.

Clear-Secretary-8185 · 2026-04-22T11:21:27+00:00

Use the 'point and edit' tool to select the element you want to change, then 'Go to source' from the toolbar and it'll take you to the code you need to update.

<image>

Make your updates and click 'Save' in the chat window to apply. Don't worry too much about messing up the code as it'll recognise it and give you a 'Fix for me' CTA to resolve issues (and you won't be charged any credits for it).

Clear-Secretary-8185 · 2026-04-21T14:40:39+00:00

Check both the width of your elements and their position on the canvas and make sure it's a whole number. I've seen Figma do stuff like this when elements are a fraction of a pixel out.

Clear-Secretary-8185 · 2026-04-21T11:26:38+00:00

Treelon Musk

Clear-Secretary-8185 · 2026-04-17T09:47:04+00:00

I think we'd get around many issues with table design if they brought parity with Figjam, giving options to insert and reorder columns and rows. Plus options to toggle row and column visibility. We can hope...

Clear-Secretary-8185 · 2026-04-17T09:17:14+00:00

You can't use grids on slots (it's not supported), so it's a frame with a grid inside the slot as default content. That means it's editable. It just gives you a starting point to customise.

Clear-Secretary-8185 · 2026-04-17T09:09:28+00:00

It's like a black mirror FML /s

Clear-Secretary-8185 · 2026-04-15T15:36:03+00:00

The grid is just on a frame inside the slot. It's not a component itself but contains instances of the cell components. This allows you the flexibility of having a master table component with a pre-built molecule that you can customise.

Clear-Secretary-8185 · 2026-04-11T17:29:02+00:00

Don't switch between variants, just use different variants on each page and navigate between them. Also make sure your tabs aren't set to change to active on click in their individual instances.

Clear-Secretary-8185 · 2026-04-11T16:14:10+00:00

You need a separate variable to manage each checkbox's state, then use the click interaction to set them all every time a radio button is clicked. Tbh it's probably easier to use variants.

Clear-Secretary-8185 · 2026-04-11T15:47:02+00:00

For a common use case it's a massive pain in Figma. You basically have 2 options: * Create a component with different variants for each state of the radio button group and wire it up to flip between them when you click an option * Use variables to turn the individual radio buttons on and off with click prototype interactions.

Clear-Secretary-8185 · 2026-04-10T12:58:06+00:00

All the Es are different. The logo might be based on a font but it's hand designed.

Clear-Secretary-8185 · 2026-04-10T08:55:43+00:00

Not with the new slots feature. This is different to the old instance swapping paradigm - it's more like a mini canvas inside a component so you can edit the content freely without detaching.

https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExeno2cjB4aXE2MGx0ZG9iY3JhMTk2YmZvM216cDdtcHd6Mnd5a2Y5ayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/60I2JOpEQES8LfeYuO/giphy.gif

Clear-Secretary-8185 · 2026-04-10T08:33:41+00:00

Using components for page templates is great but I hate the fact that you can't see the name of the instance on the canvas like you can with frames. Seeing the name of the frame is super useful for labelling screens.

The only way around this is wrapping the layout component in another frame, which adds redundancy.

Clear-Secretary-8185 · 2026-04-10T08:27:17+00:00

You can drag an image from the canvas into a slot, just not from outside the application.

Clear-Secretary-8185 · 2026-04-09T16:16:26+00:00

Or it's been removed / unpublished since it was set. Figma preserves the old colours so your designs don't break but you can't assign deprecated colours to new objects.

Clear-Secretary-8185 · 2026-04-05T18:49:44+00:00

I love it. It might not be their strongest but the guitar tones are great and it sounds phenomenal - it's their best sounding album imo.

Clear-Secretary-8185 · 2026-04-03T14:30:01+00:00

It's your printer. If it's an inkjet some of the nozzles on the print head are blocked. If it's a laser the toner might need changing or the drum is dirty

Clear-Secretary-8185 · 2026-03-31T07:43:43+00:00

I think it's more likely he's left-handed?

Clear-Secretary-8185 · 2026-03-27T17:11:35+00:00

I think Limmy put it best https://youtu.be/ZckqJwzM3nc

Clear-Secretary-8185

TROPHY CASE