К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Design, Build, & Publish your Portfolio with Figma & Framer · LearnSpace
Назад в каталог
courseraПрограммирование

Design, Build, & Publish your Portfolio with Figma & Framer

Курс от Skillshare
Начальный≈ 5.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

By the end of this course with Nuria Quero, you will be able to design, build, and publish your own fully responsive portfolio website—moving seamlessly from Figma to Framer without writing a single line of code. You’ll learn how to structure and design your portfolio in Figma, transfer it using the Figma to Framer plugin, create CMS collections, link pages, design for mobile, add subtle animations, and publish to a custom domain. This hands-on class is structured in three practical parts: designing your portfolio in Figma, bringing it to life in Framer with CMS and interactions, and optimizing and publishing your site. Along the way, you’ll bridge the common gap between static design files and real, functional websites. This course is ideal for design students, junior designers, freelancers, and professionals who want to create or refresh their portfolio. To be successful, you should feel comfortable using a computer and navigating design tools, but no prior experience with Figma or Framer is required. Your portfolio is your calling card. In this course, you won’t just design it—you’ll launch it.

Навыки, которые вы освоите

Figma (Design Software)AnimationsContent Management SystemsResponsive Web DesignNo-Code DevelopmentUsabilityInteraction DesignDigital PublishingContent ManagementSoftware InstallationLayout DesignWeb DesignWeb Presence

Программа курса

4 модулей · 26 учебных материалов

01Setting Up Your Portfolio Workflow with Figma and Framer8 материалов

Class Trailer

Class TrailerВидеоProject InstructionsЧтение

Class Project

Class ProjectВидео

Introducing Framer

Introducing FramerВидео

Учитесь у экспертов

Skillshare

Преподаватель курса

Design, Build, & Publish your Portfolio with Figma & Framer
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 5.5 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
From Static Design to Live Website: Rethinking Your Role as a DesignerDIALOGUE

Installing the Figma to Framer Plugin

Installing the Figma to Framer PluginВидео

Checking the Figma Designs

Checking the Figma DesignsВидеоModule 1 QuizЗадание
02Building Pages and Managing Content with CMS7 материалов

Copying the Designs into Framer

Copying the Designs into FramerВидеоNew Discussion PromptОбсуждение

Understanding the CMS

Understanding the CMSВидео

Creating a CMS Collection

Creating a CMS CollectionВидеоDesigning for Scale: Building a Portfolio That Grows With YouDIALOGUE

Linking the Pages

Linking the PagesВидеоModule 2 QuizЗадание
03Designing a Responsive Portfolio for Mobile4 материалов

Designing for Mobile: Home Page

Designing for Mobile: Home PageВидеоNew Discussion PromptОбсуждение

Designing for Mobile: About & Project Pages

Designing for Mobile: About & Project PagesВидеоModule 3 QuizЗадание
04Adding Motion, Publishing, and Course Wrap-Up7 материалов

Adding Motion: Animated Transitions

Adding Motion: Animated TransitionsВидеоNew Discussion PromptОбсуждение

Publishing our Website

Publishing our WebsiteВидеоFrom Static Design to Live Portfolio: Client-Ready Launch SimulationDIALOGUE

Conclusion

ConclusionВидеоModule 4 QuizЗаданиеCourse ProjectВзаимная проверка