Create beautiful websites without code
Start new thread
Nikita Obukhov

Figma To Tilda Design Import - Turn Figma designs into a live website on Tilda in minutes

by
•
You don't have to transfer each element from Figma to Tilda and rebuild your website design from scratch in the website builder anymore. Automate the process: Prepare your design in Figma and import it into Tilda with just a few clicks.

Add a comment

Replies

Best
Julia Shareika
Hey team, congrats on the launch! 🎉 I always thought exporting was a drag, but you've changed my mind! It's super handy, especially when you're in a hurry. The only thing taking up time now is just resizing for different screens after moving everything to Tilda. It'd be awesome if you could find a fix for that too. Big thumbs up to all the web designers out there! 🦦🦦
Nikita Obukhov
Maker
@julia_shareiko_jensen Hi, thank you for the feedback! Nice to hear you are already using the feature! Regarding the automatic layout resizing, the current logic is the following: if you are using pre-designed Tilda blocks, they are responsive by default; if you are using Zero Block, you have the possibility to creatively adapt your designs to different screen resolutions.
Katie Kim
The main perk for me is zero coding and no HTML/CSS conversion hassle. It says “automatic” in the description, and it is actually an automatic transfer. Definitely a must-try for web designers seeking optimizing the design process.
Nikita Obukhov
Maker
@kattie_kim So true, thank you, Katie!!
Roman Kosov
It’s a must-have tool for anybody, who wants to not only export their designs but also launch an actual website. It's very satisfying to see your long worked-on layout go live in an instant. I'm really looking forward to other useful integrations that Tilda Publishing has in store for us!
Nikita Obukhov
Maker
@roman_kosov I couldn't agree more - this satisfying feeling when the website goes live is priceless🤩
Dimitrio
Congratulations on the launch! As a web designer, I believe that many fellow-designers will find this feature extremely useful. In fact, for some people it could be the determining factor in whether or not they choose to sign up for Tilda. It's actually kind of surprising that there aren't many decent alternatives out there, so thank you for creating this one and keeping it free.
Nikita Obukhov
Maker
@dimitrio Thanks, Dimitro! It's really precious to hear a professional designer's point of view. All the best!
Garen D Orchyan
Congratulations on the launch, good luck 🎊🦄♥️
Nikita Obukhov
Maker
@orchyan Thanks, Garen 🥳
Alex
The best part about this one for me–no need to convert designs to HTML/CSS. In fact, no coding involved whatsoever.. For web designers with busy schedules (or those feeling a bit lazy:)) like myself, it’s a game-changer. Guys at Tilda are really dedicated to their no code concept. Genuinely love this thing, thank you team!
Nikita Obukhov
Maker
@alexfluff So nice, thanks, Alex!! Happy to be of use! And good luck with your upcoming projects!
Stacey F
First of all, it’s really cool to see how Tilda is constantly updating and adding new features. This import feature is not exactly new but it’s become an essential part of my day-to-day design process. It not only saves time, it’s transformed the whole exporting routine for me—it is now pretty much completely hassle and stress-free. Big kudos and congrats to the team! Can’t wait to see what you’re going to come up with next!
Nikita Obukhov
Maker
@new_user_1808661ef1 Thank you, Stacey! We will try to keep making life easier for designers with each release!
Otman Alami
what about animations?
Nikita Obukhov
Maker
@otman_alami Great question, thank you, Otman! Animation is set up directly in Zero Block. You can either use Basic animation with pre-designed effects such as fade-in or parallax effects (here's more about it: https://help.tilda.cc/zero-block...) or create custom sequences using the Step-by-Step Animation (more on this: https://step-by-step-animation.t...) Both tools were designed especially for web design. Also, you may want to check our Web Animation Course with plenty of cool effects and guides on how to make them on Tilda: https://tilda.education/en/web-a...
Yan Ignatovich
It's very impressive how Tilda is getting bigger and more complicated (in good way). All new features are helping to create websites for anything. Just keep going guys!
Nikita Obukhov
Maker
@primus_hard Hey there, thanks a lot! Our goal is to make the platform more powerful while keeping it user-friendly (and not over-complicating it:)
Mark Danilenko
Hooray, great! Now it's even easier to create beautiful websites! Thank you for such a cool feature!
Nikita Obukhov
Maker
@danilenko_mark Hey Mark! Hopefully so! Our Tilda team is thrilled to be able to realize features like this one!
First
Previous
1234
Next
Last