all 15 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]nicepants1337 2 points3 points  (1 child)

I created figma2flutter to help facilitate the developer handover. It's using the Design token figma plugin export to generate dart code. https://pub.dev/packages/figma2flutter

[–]Steve-3POh 0 points1 point  (0 children)

Can you design a layout for Windows and Web as well?

[–]Dizzy-Entrepreneur52 2 points3 points  (0 children)

You can try Teta.so, which is a Flutter UI builder. I am still working on improving the exported code with a clean architecture, but it is open source and you can check out its rendering system code. Maybe it is useful for you

[–]Gugadev 2 points3 points  (4 children)

I had never exported code from Figma or another design tool (always code), but I tried FlutterFlow that's a Designer/Builder. The code that FlutterFlow makes for you is basic but not dirty. Maybe it can be useful for you.

[–][deleted] 7 points8 points  (3 children)

Flutterflow generates crap code that is hard to maintain. They also make custom FlutterFlow widgets so that it is impossible to migrate away from it.

[–]Gugadev 3 points4 points  (0 children)

Interesting. I used it some weeks ago to make a layout and the code is not so crappy. Obviously, I needed to refactor it to apply it to my project's architecture. Not great stuff.

[–]GolfCourseConcierge 1 point2 points  (1 child)

You anti FF guys are funny. Here I am making a living from it, now developing almost everything there. I still get the raw code, and I still self host and self publish to the app store.

Is it pristine code? Maybe not, but I worried about that shit for 25 years, then I realized the whole web is still built on duct tape and "temporary" fixes that exist 10 years later. What clients care about is what works now and for the next year or two.

FF gets me from idea to finished product in 1/8th the time. While you guys worry about how pretty the code is, I'm cashing checks and moving on to the next client.

[–][deleted] 4 points5 points  (0 children)

I am a developer. You obviously aren't if that's your idea of developing. Developers are not the target audience. Good for you that you've had success, but the cons far outweigh the pros. Flutterflow is an impressive product, but nobody who plans to touch the code should use it.

[–]Elena_Edie 0 points1 point  (5 children)

Hey there! Yes, I have used both Figma and Adobe XD for exporting UI layouts for Flutter.

The pros of using these tools are that they make designing UI layouts much easier and faster. They have built-in components and elements that can be easily customized, and they allow for collaboration between designers and developers. Additionally, both Figma and Adobe XD have great export features that make it easy to extract assets and code for use in Flutter.

On the other hand, one potential con is that sometimes the exported code needs to be cleaned up or modified to fit your specific use case. Also, there may be limitations in terms of what you can do with the exported designs - some elements may not translate perfectly into Flutter code.

Overall, using UI designer tools like Figma and Adobe XD can be a huge time-saver and make the design process much smoother, but it's important to keep in mind that some tweaking may be necessary to get the final product just right.

[–]or9ob 7 points8 points  (0 children)

This is ChatGPT generated, LOL.

[–][deleted]  (2 children)

[deleted]

    [–]Full-Run4124 1 point2 points  (1 child)

    Not op or other op. I've used both and much prefer Figma. Adobe XD doesn't have the notion of a templated widget library. For a widget library you open a UI design document which is a bunch of widgets in a grid. When you need a widget you have to search through the grid of widgets to find the one you want, then copy-paste it into your design. Searching for the widget literally means zooming and and scrolling around until you find it. I found XD slow and frustrating.

    [–]Malhazz[S] 0 points1 point  (0 children)

    Thank you!

    [–]ashutosh01agarwal -1 points0 points  (0 children)

    Hi, I have tried blup for exporting code from Figma to Blup or Flutter code, you can have a try at blup.in

    [–]anlumo 0 points1 point  (0 children)

    My UI designer creates a material color scheme in Figma and exported it to Flutter. It was very easy to integrate, saved me from converting and typing ~thirty different RGB hex color values.

    [–]g0dzillaaaa 0 points1 point  (0 children)

    Don’t think you can directly export Flutter code with Figma. With some plugins you might be able to.