FigmaToCode icon indicating copy to clipboard operation
FigmaToCode copied to clipboard

Better Responsive Preview

Open davestewart opened this issue 1 year ago • 6 comments

Hey,

Just wondering what the purpose of the responsive preview is.

It doesn't seem to simulate anything that might be relatable (i.e. phones, screens, etc) in the real world that I can tell.

And it cannot simulate the result of any of the targets other than HTML.

Am I missing something?

davestewart avatar Jul 13 '24 08:07 davestewart

The idea is to show how your components are rendered in different screen sizes so you can see if your AutoLayout choices make sense. I don't know how to make it work with Tailwind, that's why it is html only.

bernaferrari avatar Jul 13 '24 13:07 bernaferrari

What would you think of something like this?

CleanShot 2024-07-13 at 15 46 19

It's giving me a bit more value whilst trying to get the wrap stuff working.

Would be cool to get it working with Tailwind (can pass the markup, just need to get the classes in there) and think it would make sense to hide for Swift and Flutter.

davestewart avatar Jul 13 '24 14:07 davestewart

Looks good. The idea overall was to have a way to see if layout is responsive before copying the code, without any interaction. Flutter and swiftui kind of follows the same recipe with some limitations, so I don't know.

On Sat, Jul 13, 2024, 11:58 Dave Stewart @.***> wrote:

What would you think of something like this?

CleanShot.2024-07-13.at.15.46.19.gif (view on web) https://github.com/user-attachments/assets/dffe20f6-549f-41bb-97dd-4c4e0cfa8212

It's giving me a bit more value whilst trying to get the wrap stuff working.

Would be cool to get it working with Tailwind, and think it would make sense to hide for Swift and Flutter.

— Reply to this email directly, view it on GitHub https://github.com/bernaferrari/FigmaToCode/issues/116#issuecomment-2226941977, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACVXFOPQ4PQ64WY2YJFL6DZME6BDAVCNFSM6AAAAABK2C7AISVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMRWHE2DCOJXG4 . You are receiving this because you commented.Message ID: @.***>

bernaferrari avatar Jul 13 '24 15:07 bernaferrari

See #158

mimshwright avatar Jan 13 '25 18:01 mimshwright

@davestewart Maybe fixed by #158?

mimshwright avatar Jan 14 '25 15:01 mimshwright

My OSS attention has been HORRIBLE for the last while, but hoping to get a chance to review all my stale work at some point in the next couple of months 😁

davestewart avatar Mar 08 '25 22:03 davestewart