Figma Structure & Import | To Do App | FlutterFlow for Beginners

Подписаться 76 тыс.

Просмотров 22 тыс.

50% 1

In this video we demonstrate how to structure your Figma file for importing into FlutterFlow's design system and then import it. We also go over some tips and tricks for efficient use of Figma files when using them with FlutterFlow.
Project File
www.figma.com/file/vOkCE880DS...
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 / flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

Опубликовано:

30 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 46

@VANDIK01 3 месяца назад

Great tutorial, can't wait for the next one, thanks FlutterFlow 👋👋

@ColorsAcross 3 месяца назад

Love this approach. A practical app developing series. Big Thanks FF team,

@saidev 3 месяца назад

Really thanks a lot for your valuable Innovation to the innovators ❤

@christiannavarro1154 3 месяца назад

A small quality of life improvement in your UX when matching your Figma fonts to your FF fonts would be marking the ones you've already matched with a Checked or any signifier to help users identify which fonts are still missing. Awesome tut btw. :)

@JuanCarlos-ff2rh 3 месяца назад

I realize that importing only colors, letters and nothing else. Can't import ux/ui design?

@AdelsTechnologies 3 месяца назад

Amazing❤❤❤❤❤❤

@selimbouasker6614 20 дней назад

for those who could not import i just found how you do it just change the URL and copy the one from the video

@pravin9803 20 дней назад

yes, this works. Thanks for the tip.

@paminla 19 дней назад

@@pravin9803 What did you change? I copied the Figma file into my own Figma account and I still get an error message when trying to import (and using my own token).

@abdulazizalhumoud3518 8 дней назад

@@pravin9803 can you share the link here please

@STUDYMaherajSTUDY 2 дня назад

For everyone who cmare failing to connect futterflow and figma: 1. Copy the figma file url 2.paste it 3. Change the "design" to "file" in the pasted url

@ronaquin496 2 месяца назад

Using third party toold its possible to export the whole design from figma to flutter (dart code) to obtain all the colors, fonts and pages. But how can i import this dart or flutter code into flutterflow? I only can get colors and fonts inside flutterflow, but i have to recreate all the elements in all the screens, one by one.

@kasforai Месяц назад

How accurate will it import?

@TheNightmareNexus_ 3 месяца назад

❤

@selimbouasker6614 20 дней назад

I'm stuck with the colors, I tested my app and the colors that t I added didn't show up who had the same problem and got the solution ?

@ri35923 Месяц назад

It seems cool! Anyway I'm facing a problem with connecting the figma file. I get an error says that my url or token is incorrect while I'm sure they are correct.. how to solve the problem?

@Monicaeloo Месяц назад

same here

@thebestofthebest6426 Месяц назад

Same

@ananthjg1 26 дней назад

Yeah. Me too

@SmarttechInstitute-cj6ib Месяц назад

I cannot import from Figma like the video instructs because the token must be yours. I created a Personal Token but got an error when importing.

@PA20243 Месяц назад

I have the same

@MangekyouSharingan269 2 месяца назад

Hello i can't import from figma it's says Error loading your figma projet.

@hussainnes Месяц назад

same

@eujuniorseixas Месяц назад

same

@eduardomartin1997 Месяц назад

@@eujuniorseixas same

@Monicaeloo Месяц назад

same here!

@hamadayahia2152 Месяц назад

same.

@PA20243 Месяц назад

I can't connect FF with figma. I added url, access tocken and I see an error. Do you know why is this?

@PA20243 Месяц назад

@FlutterFlow hallo

@user-cw8ny5xu4p 3 месяца назад

HELLO FF TEAM PLEASE RESPOND TO THIS MESSAGE I Have been requesting to make video on Genarating Serial Numbering for the Task created e:g- let say for TODO app user added a new task then with each new task it should have serial number assigned to it like in increament way (e.g - 1,2,3,4,5,6), So for user it is identifiable which task has what sequence number PLEASE MAKE VIDEO ON IT I AM REQUESTING FOR SO MANY DAYS NO ONE OS HELPING ON IT😢😢 Always love for FLUTTER FLOW it is very helpful tool , which really helping me creating app with very less coding...from INDIA