Skip to main content
Question

How to get Figma interactions and variants onto Wix?

  • November 5, 2024
  • 2 replies
  • 31 views
Liz_Faust

Hi All!

I am completely new to Figma and I designed a website homepage that has 49 different variants based on mouse hover interactions. I got everything up a runnign however I cannot find a clear answer on how I get the Figma deisgn to an actual website. I’ve tried the following plugins: Figma to Wix, Zeplin, Anima, TeleportHQ, Figma to HTML and CSS

Siter.io

Perhaps I’m not using to right keywords to try to answer this but in short, I want to get my design and interactions (the component and all 49 variants) onto the site.

Pavel_M
J
Olle_Stromdahl
20 people like this
  • Pavel_M
    Pavel_M
  • J
    Josh45
  • Olle_Stromdahl
    Olle_Stromdahl
  • Tara1
    Tara1
  • Andrei_Antipov
    Andrei_Antipov
  • Jesse_Walker
    Jesse_Walker
  • T
    Thaisa_Elvas
  • Andrey_Barstakov
    Andrey_Barstakov
  • Alberto13
    Alberto13
  • Felipe_Sartori_de_Oliveira
    Felipe_Sartori_de_Oliveira
  • N
    Natalia_Gaevskaya1
  • joni_levi_isserlish
    joni_levi_isserlish
  • Maja_Gligoric
    Maja_Gligoric
  • Matt_at_HAUD
    Matt_at_HAUD
  • Kazumi_Terada
    Kazumi_Terada
  • Edward2
    Edward2
  • tyler.richardson
    tyler.richardson
  • Remain
    Remain
  • Userinterfacer
    Userinterfacer
  • NicolasG
    NicolasG

2 replies

Pierrick
  • Pierrick
  • 2 replies
  • November 7, 2024

Hi Liz 👋
The best / easiest way would be to use a plugin named Figma.to.website:

  • Wrap your landing into a Figma Section
  • Launch the plugin
  • Hit “Publish”

The plugin will publish your design, live with free hosting (up to 10 pages website), keeping all the Figma magic (animations, links, variables, etc.).

On top of that you will get access to all the necessary settings for SEO, embeds, forms, custom code, and more 😊

here is the plugin 👇
https://www.figma.com/community/plugin/1329237288766226289/figma-to-website-make-websites-directly-from-figma-publish-or-export-responsive-web-html-css-js

Yoriiis
  • Yoriiis
  • New Participant
  • 5 replies
  • March 23, 2025

Hello ​@Liz_Faust, you seem to use Figma variables, perhaps the Figma CSS Variables plugin can help you. It allows you to export your Figma variables in CSS.

Link to the plugin
https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables

I hope it will help you

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings