Figma to Squarespace (Web Design Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ย. 2024

ความคิดเห็น • 37

  • @Throughmahnoor
    @Throughmahnoor 9 หลายเดือนก่อน +9

    Please Do a figma to Wordpress tutorial too! And if you could please make a video about Wordpress plugins, what do you suggest and use?

    • @MeganWeeks
      @MeganWeeks  9 หลายเดือนก่อน +3

      I’ll make that video soon! 😊

    • @spirals8470
      @spirals8470 6 หลายเดือนก่อน +1

      @@MeganWeeksplease

  • @Jeremysbox
    @Jeremysbox 5 หลายเดือนก่อน +1

    Thank you for breaking this down! I started acclimating this into how I work and it moved the needle in the design process so much for me and my clients. Thank you again for teaching us!

    • @MeganWeeks
      @MeganWeeks  5 หลายเดือนก่อน +1

      Yay! Happy to hear it helped 😊 thanks for being here!

  • @DoortoDoorMarketingExperts
    @DoortoDoorMarketingExperts 5 หลายเดือนก่อน +1

    Make sure to support her content by giving a like, following, and turning notifications on.

  • @andreamoorcroft6127
    @andreamoorcroft6127 6 หลายเดือนก่อน

    This was such a useful video! I'm learning to become a SS designer and lots of people say you don't need to pre design in Figma with SS but the way you've described your reasoning and shown your work flow makes so much sense to me re client edits! Thanks for taking the time to make this.
    Now I just need to learn Figma as well! 😂

  • @mzosama
    @mzosama 9 หลายเดือนก่อน +1

    Hi Megan,
    I endorse your POV related to Figma. Despite designed several sites, Figma allows me to evaluate various design decisions before production. It elevates the creative thought process and helps me to design the websites in production much faster than before.
    Keep up the good work :)

    • @MeganWeeks
      @MeganWeeks  9 หลายเดือนก่อน

      totally agree! thank you so much!

  • @AkinsRealm
    @AkinsRealm 9 หลายเดือนก่อน

    This is the first Figma related tutorial I’ve seen in your channel (I’ve realized you have some other ones also), thank you for all the great content! 😊👍

  • @johnwalbolt
    @johnwalbolt 23 วันที่ผ่านมา

    Great design!

    • @MeganWeeks
      @MeganWeeks  19 วันที่ผ่านมา

      Thank you!

  • @sarahjoystreet
    @sarahjoystreet 8 หลายเดือนก่อน

    The website looks so great! 👏

  • @melissa.heying
    @melissa.heying หลายเดือนก่อน

    Super helpful, thanks for sharing! I’m doing a redesign for a friend and created it under my credentials thinking I could pass it to her when I’m done but squarespace doesn’t allow for that. If you’ve done a redesign, how did you do it on an already live site?

  • @peterfourr
    @peterfourr 6 หลายเดือนก่อน

    This was so helpful ty!!

  • @creatoratplay
    @creatoratplay 6 หลายเดือนก่อน

    This was super helpful; thank you!!

    • @MeganWeeks
      @MeganWeeks  6 หลายเดือนก่อน

      Yay! Happy to hear it helped!

  • @LashayNaria
    @LashayNaria 8 หลายเดือนก่อน +2

    Great video. I’m learning as much as I can but worry I can’t call myself a web designer if I don’t code.. most websites use builders and I don’t want to code but don’t want to price people and feel like I’m scamming them. Do clients care that you use Squarespace ? I’ve been working on squarespace but see some comments about ppl not being real designers. I’ve been learning css, figma, and web design to make sure I’m proficient as possible. I’ve taken graphic design courses also.

    • @nursyazwani6300
      @nursyazwani6300 8 หลายเดือนก่อน +1

      SAME! OMG! I feel like a scammer to charge people even 1k for a drag and drop website. I’m trying to learn coding on my own too

    • @LashayNaria
      @LashayNaria 8 หลายเดือนก่อน

      @@nursyazwani6300 I get you! I’m in a lot of fb groups and I saw a comment that put me at ease. “People are paying for what they can’t or don’t want to do. Long as they like the end result, they don’t care how you did it.” Lol we’re mostly in our heads. 😊

    • @nursyazwani6300
      @nursyazwani6300 8 หลายเดือนก่อน

      aww thanks for the reassurance! Hope that you flourish in whatever that you are doing and thankyou for sharing with me!@@LashayNaria

    • @diaarraaa
      @diaarraaa หลายเดือนก่อน

      actually that's for developpers , as a designer you are not obligated to know how to code, but i think it's worth learning tho. at least html css a little bit of javascript.

  • @kainoaliu
    @kainoaliu 8 หลายเดือนก่อน

    Does Figma give you HTML or CSS coding that you can embed onto the website? Only issue with Squarespace is how it labels some of its containers for coding.

  • @BrandwithConnee
    @BrandwithConnee 6 หลายเดือนก่อน

    So do you make the frame the full size of the webpage or sections?

  • @Realcolorsofegypt
    @Realcolorsofegypt 8 หลายเดือนก่อน

    I am so torn between Wordpress and squarspace. I want to learn a new skill and that’s to become a web designer for both service and e-commerce businesses. I don’t have any real technical experience, but Wordpress looks fun to build. Square space looks boring and too “cookie cutter”. I don’t feel like it would be fair to charge much for my services using square space if it’s something that the customer can just build themselves. However, I don’t want my customers to struggle with maintaining their site, or have issues with security. Not sure which route to take.

  • @chamindudilshan-webdesigner
    @chamindudilshan-webdesigner 9 หลายเดือนก่อน

    Use the component option to make it easier.

  • @ceciliainnes2586
    @ceciliainnes2586 9 หลายเดือนก่อน

    Hello Megan. Great content. Thanks! Learning lots. Do you ever use showit?

  • @oliviawhitedesigns
    @oliviawhitedesigns 9 หลายเดือนก่อน

    Hello Megan,
    Looks amazing! Have you ever had scaling issue with Squarespace when looking on a tablet? Unfortunately Squarespace doesn't have tablet view but I noticed on mobile and desktop it looks good, but when I look at it in on a tablet it looks wonky. 😵‍💫

  • @Rio-by1eh
    @Rio-by1eh 6 หลายเดือนก่อน

    Wireframes , Flex box , div, padding, margins, css, html, elements, etc… api,

  • @ChoclateGeek
    @ChoclateGeek 9 หลายเดือนก่อน

    Awesome Video! How do you install other fonts to squarespace? There were some layout designs I was trying to create and I couldn't figure out how go get them transferred as opposed to trying to find a similar typeface

    • @chloe-gy2hb
      @chloe-gy2hb 9 หลายเดือนก่อน

      i had a custom font on my website for a while. i feel like i had to manipulate the code or something

  • @myasofiyah
    @myasofiyah 9 หลายเดือนก่อน

    Has it ever happened where you designed something and then once you went to develop it, you realize it can’t be done 100% the way you originally presented it to the client? That has been like a floating fear in the back of my head as I’m working with my first client atm lol. I figure you could flag it to their attention, but I’m wondering how else you can go about it

    • @MeganWeeks
      @MeganWeeks  9 หลายเดือนก่อน +2

      Before I design the site I like to check in with the platform and see if those ideas are even possible! That eliminates the fear for me usually! 😊 also I like to let them know it will look almost identical to the mockup but some things may be slightly adjusted for responsiveness!

  • @Lovekarisma
    @Lovekarisma 9 หลายเดือนก่อน

    how would you export it to Wordpress?

    • @MeganWeeks
      @MeganWeeks  9 หลายเดือนก่อน +1

      I’ll make a video on this!

  • @cemtween
    @cemtween 9 หลายเดือนก่อน

    ☕🍪