Good question, I asked Chat: In such a scenario, you could, for example, provide the client with a separate Content Management System (CMS) like WordPress or a headless CMS like Contentful or Prismic. The client can then manage the content through the CMS while leaving the Framer project untouched. The integration between the Framer prototype and the CMS can be done through APIs or other connection methods, depending on your project's requirements and the complexity of interactions. This way, the design and functionality of the Framer prototype remain intact while giving the client the freedom to update and modify content as needed.
@@taunado Thanks, I might check that out as well. Since I'm building my first website, I ended up with Framer after my research about non-coding, user-friendly website systems.
@@A.Montgomery Nice, yea I also built my first website using Framer and it's great to learn the basics of how the DOM works, but has serious limitations. Keep exploring as every solftware is a like a tool in the kit and knowing which one to use per project is going to save you a lot of time and struggles. Framer for marketing websites with minimal dynamic content that requires custom javascript. Webflow is amazing for custom coding, like adding GSAP animations and learning more about CSS. Wordpress seems to be the ultimate for anything component based, seeing as it's block based you can develop a library of blocks and re-use them. Wherein with Framer and Webflow it's more grunt work to re-use components and projects. Though it's still amazing and suited for more custom projects. I'm using Wordpress for lower budget clients and theme development, and Webflow for higher-end work. Wordpress requires learning some PHP code so it has the highest learning curve of them, but the highest scalability and customization.
Thank you! Is it possible to import a total custom design from Figma for the course/blog layout, versus building it in Framer like you did in this video?
Hi that will be interesting to create an avanced filter for vidéo or blog ? How choose if a personne want just article of Jessica of on a subject. Ist possible to create on CMS an filter in Framer
Right! Thank you so much for replying. I'm using a template for my design portfolio. In the template, the CMS serve as the Project pages. I need to adjust the length of the frame of one project page in the collection without affecting the length of the frames of the other projects. One project might run long with images and information, but the other just has a few images. Due to the length of the other project, I am left with a huge gap on the shorter project page, and if I try to close the gap, it affects the other pages and the long project is now cut short. It was suggested to apply a conditional on the "Visiblity" feature based on the Title of the Project Page that way changing the frame length will only affect the project page whose title matches the condition set. I have very little coding experience though, and can't figure it out. @@thedesigncult
Hello @blairebarham and @jocylynkirsty4877. I did reply but seems like my messages was deleted. Maybe because I included a link or something. This can be solved by setting the height of the frame to auto. To do this you need to convert the whole page wrapper to a stack. If it's not a stack it's not possible to use/choose the auto value. It's also important that the container(frame) of the CMS content is also a stack that has the height: auto value. To get the auto value you choose the "Fit content" property dropdown instead of "Fixed" or what ever value it is today. You can also just type auto in the box where it is pixels or % now. If you still have problem try searching for videos covering stacks in Framer to get an understanding of how it works. If you are familiar with Figma, stacks is more or less the same as Figmas auto layout.
This is an amazing tutorial video. It's one of those videos that's ahead of it's time, I am sure the audience will catch up. Very valuable content
Beautiful! just what i was looking for this week :)
Is it possible to have this first article to look different from the rest?
Good question. I believe you can do it. I should make that design and make a video of it.
Good one!
wicked cool!
Thanks. Is there a CMS admin panel for the client to only CRUD the content, and not have access to any design/dev of Framer?
This
Good question, I asked Chat: In such a scenario, you could, for example, provide the client with a separate Content Management System (CMS) like WordPress or a headless CMS like Contentful or Prismic. The client can then manage the content through the CMS while leaving the Framer project untouched.
The integration between the Framer prototype and the CMS can be done through APIs or other connection methods, depending on your project's requirements and the complexity of interactions.
This way, the design and functionality of the Framer prototype remain intact while giving the client the freedom to update and modify content as needed.
@@A.Montgomery Thanks. Might as well just use Wordpress as it now has a block builder.
@@taunado Thanks, I might check that out as well. Since I'm building my first website, I ended up with Framer after my research about non-coding, user-friendly website systems.
@@A.Montgomery Nice, yea I also built my first website using Framer and it's great to learn the basics of how the DOM works, but has serious limitations. Keep exploring as every solftware is a like a tool in the kit and knowing which one to use per project is going to save you a lot of time and struggles. Framer for marketing websites with minimal dynamic content that requires custom javascript. Webflow is amazing for custom coding, like adding GSAP animations and learning more about CSS. Wordpress seems to be the ultimate for anything component based, seeing as it's block based you can develop a library of blocks and re-use them. Wherein with Framer and Webflow it's more grunt work to re-use components and projects. Though it's still amazing and suited for more custom projects. I'm using Wordpress for lower budget clients and theme development, and Webflow for higher-end work. Wordpress requires learning some PHP code so it has the highest learning curve of them, but the highest scalability and customization.
Thank you! Is it possible to import a total custom design from Figma for the course/blog layout, versus building it in Framer like you did in this video?
Yes, you can use your own design and connect with Framer CMS.
What do you use to record your screen? The way it moves and zooms in and out is really smooth
probably Screen Studio. Great tool to make videos like that.
How do you make it so you can manually adjust images and new sections per individual project vs having everything tied to the cms?
I may have just asked him the same thing.
Hi that will be interesting to create an avanced filter for vidéo or blog ? How choose if a personne want just article of Jessica of on a subject. Ist possible to create on CMS an filter in Framer
❤
easy if you can start with a new template from framer, if you need to import and set every part of new articles it's a nightmare
Are you able to adjust the frame length of a page in your CMS without affecting another page?
Not sure exactly what your asking but generally you want to have height set to auto on the page wrapper for the pages to be flexible in height.
Right! Thank you so much for replying. I'm using a template for my design portfolio. In the template, the CMS serve as the Project pages. I need to adjust the length of the frame of one project page in the collection without affecting the length of the frames of the other projects.
One project might run long with images and information, but the other just has a few images. Due to the length of the other project, I am left with a huge gap on the shorter project page, and if I try to close the gap, it affects the other pages and the long project is now cut short.
It was suggested to apply a conditional on the "Visiblity" feature based on the Title of the Project Page that way changing the frame length will only affect the project page whose title matches the condition set. I have very little coding experience though, and can't figure it out. @@thedesigncult
Hi, I am actually doing the same thing and having the same issue! Did you figure this out?
@@jocylynkirsty4877 Did you have success in figuring this out?? I am having the same issue! This is my first time using framer.
Hello @blairebarham and @jocylynkirsty4877. I did reply but seems like my messages was deleted. Maybe because I included a link or something.
This can be solved by setting the height of the frame to auto. To do this you need to convert the whole page wrapper to a stack. If it's not a stack it's not possible to use/choose the auto value. It's also important that the container(frame) of the CMS content is also a stack that has the height: auto value. To get the auto value you choose the "Fit content" property dropdown instead of "Fixed" or what ever value it is today. You can also just type auto in the box where it is pixels or % now.
If you still have problem try searching for videos covering stacks in Framer to get an understanding of how it works. If you are familiar with Figma, stacks is more or less the same as Figmas auto layout.
In cms canot upload video?!
You can upload your video but Framer provides small storage for the free plan. Make sure your video isn't too big a file.
Great video, but it's hard to follow with so much screen movement. Maybe you can just record the whole screen, it would be easier...