I have done now all the work on the new design, i mean, i have adapted/merged the design/code done by Figma AI onto the blog engine.
It was a straight forward experience from what i can see or feel. Yes, it is a very simple design that i asked Figma AI to create, and my ask was also to be a simple as HTML and CSS code.
It helped also that the code i have done for this blog engine was simple and easy to navigate.
There were a few things that needed to be adapted around how things were done before with the blog code, and it was simple to modify and correct what had been done by Figma AI.
Of course Figma AI started creating the design based around one the the frameworks, and making in a app in that framework, React, even if i have asked specifically that i wanted things simple. From that perspective it would have made this little blog engine more complex and needed then to somehow add React code and React libs to make the move to the new design.
In a way probably not different from a person or a team creating some new or rewriting some to the new ways, we tend to over complicate, and tend to go the latest shiny stuff.
But after i asked for the design to be only pure HTML and CSS code, still it was encapsulated in a React app. And with a bit of more push/request to Figma AI, it explained me how to easily make it pure HTML and CSS based on the React APP it had generated. And also it explained why it was like that based on the fact Figma is a React App and it couldn't generate pure HTML/CSS code only. Didn't fully convince me, but i am not an expert, and i managed to get what i needed.
This work for the new design i started from the main frontpage and the view for a single post, entrypage as i called it, after a couple of interactions, it was done and it was just a matter of merging the code from Figma AI into my frontpage chameleon template and minor modifications to make it work in the correct way.
The adaptations i done were mainly on some minor things like to make sure the "links" were not underlined and didn't change colour and i done that by adding small CSS code were needed.
And at this point having the frontpage and the entrypage done i was at the same level as the current design i had done in the beginning of developing this blog engine. Everything else that was used there was no design at all, just empty pages with the needed edit and text boxes to create/edit a blog post, a empty design page for logging onto the admin section and another for changing the password.
So i took it a bit further and asked to have an edit page, a submit page, and to keep everything following the same created design. I then asked to have in the "create" new blog post a side bar with a possibility of adding/selecting an image to attach to the blog post and also the possibility to add categories.
Once again picked up the code form Figma AI, converted to my own way, some tweaks as needed and it was up and running in the development area.
Now it has been tested by me in the "best" way i could, but i would i have to say i am pleased with how the Figma AI has helped me to quickly redesign the blog and quickly doing the changes in the blog engine, make it modern, and responsive so it can be used on mobile devices.
And it is this that is making me think about AI. I have been thinking of doing this for some years, and i did try to create some sketches but i never gone forward because of the challenges, but now with Figma AI, i was able to "do" the redesign in a few days.
Maybe not all so bad, at least from my on little perspective.
Posted on: December 16, 2025 at 14:15