Дизайн и разработка личного портфолио с Figma и Codex

Моей главной целью было создать портфолио, которое любой человек сможет легко открыть и изучить: не просто статичную презентацию, а личное пространство, где я могу показать себя как дизайнера.

Изучив профили других дизайнеров в LinkedIn, я поняла, что не хочу ограничиваться Behance или портфолио в Figma. Мне хотелось создать собственный сайт и показать не только дизайн, но и способность собирать настоящий цифровой продукт с помощью AI-инструментов.

У меня уже был опыт создания сайтов в no-code инструментах вроде Tilda, но в этом проекте я решила пойти дальше: попробовать вайбкодинг и использовать AI как партнёра по разработке.

Честно говоря, у выбора Codex вместо инструментов вроде Lovable не было одной идеальной причины. Это было сочетание любопытства, доступа к ChatGPT и возможности советоваться с близким человеком, который работает разработчиком и помогал лучше понимать процесс.

Больше всего мне понравилось сочетание Codex и Figma. Оно стало естественным мостом между дизайном и разработкой: я могла продолжать работать со своей визуальной системой и одновременно видеть, как дизайнерские решения превращаются в настоящий код.

In a funny way, working with Codex reminded me of collaborating with developers on previous projects — structured, calm, and focused on solving one task at a time. And sometimes, with a bit of arguing over the desired result. :)

Сначала сайт был только на английском. Но когда все страницы были готовы, я решила перевести его на родной язык — русский. С помощью AI я довольно быстро сделала переводы, хотя большинство из них всё равно требовали моей проверки и редактуры. Как вы, возможно, знаете, я ещё учу корейский, но пока не уверена, что справилась бы и с корейской версией.

Я ещё хотела сделать тёмную тему для тех, кто не любит светлые интерфейсы, но, думаю, оставлю это на будущее. :)